Chapril/xmpp.chapril.org-conversejs
Chapril/xmpp.chapril.org-conversejs
25
0
Fork 0
Code Issues Pull Requests Projects Releases Activity

Further style tweaks for embedded media

Browse Source
This commit is contained in:
JC Brand 2021-06-24 13:04:25 +02:00
parent 670f435c64
commit 92093d6d28
2 changed files with 7 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/plugins/chatview/styles/chatbox.scss
View File

@ -185,9 +185,6 @@
}
}
video {
width: 100%
}
progress {
margin: 0.5em 0;
width: 100%

13
src/shared/chat/styles/message-body.scss
View File

@ -9,29 +9,30 @@ converse-chat-message-body {
max-width: 95%;
}
@include media-breakpoint-up(md) {
max-width: 75%;
max-width: 70%;
}
@include media-breakpoint-up(lg) {
max-width: 66%;
max-width: 50%;
}
@include media-breakpoint-up(xl) {
max-width: 50%;
max-width: 40%;
}
}
video {
display: block;
max-height: 25em;
@include media-breakpoint-down(sm) {
max-width: 95%;
}
@include media-breakpoint-up(md) {
max-width: 75%;
max-width: 70%;
}
@include media-breakpoint-up(lg) {
max-width: 66%;
max-width: 50%;
}
@include media-breakpoint-up(xl) {
max-width: 50%;
max-width: 40%;
}
}
}