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

CSS: Don't set max-width for fullscreen Converse in smaller viewports

Browse Source
This commit is contained in:
JC Brand 2019-10-09 10:35:08 +02:00
parent 8b1c17c12b
commit ffd3cda03b
1 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
sass/_chatbox.scss
View File

@ -510,7 +510,6 @@
border: var(--flyout-padding) solid var(--chat-head-color); border: var(--flyout-padding) solid var(--chat-head-color);
bottom: 0; bottom: 0;
} }
.chat-head { .chat-head {
height: var(--fullpage-chat-head-height); height: var(--fullpage-chat-head-height);
padding: 0; padding: 0;
@ -526,9 +525,17 @@
@include make-col(2); @include make-col(2);
} }
} }
.chatbox { .chatbox {
margin: 0; margin: 0;
.box-flyout {
box-shadow: none;
overflow: hidden;
}
}
}
#conversejs.converse-embedded {
.chatbox {
@include make-col-ready(); @include make-col-ready();
@include media-breakpoint-up(md) { @include media-breakpoint-up(md) {
@include make-col(8); @include make-col(8);
@ -539,11 +546,6 @@
@include media-breakpoint-up(xl) { @include media-breakpoint-up(xl) {
@include make-col(10); @include make-col(10);
} }
.box-flyout {
box-shadow: none;
overflow: hidden;
}
} }
} }