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

CSS: Revert previous change and only apply if singleton

Browse Source
This commit is contained in:
JC Brand 2019-10-09 11:55:43 +02:00
parent ffd3cda03b
commit 05cdae999f
1 changed files with 26 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
sass/_chatbox.scss
View File

@ -479,29 +479,6 @@
}
#conversejs.converse-embedded.converse-singleton {
.flyout {
border: none !important;
}
.chat-head {
height: var(--fullpage-chat-head-height);
padding: 0.5em;
}
.chatbox {
margin: 0;
@include make-col-ready();
@include media-breakpoint-up(md) {
@include make-col(12);
}
@include media-breakpoint-up(lg) {
@include make-col(12);
}
@include media-breakpoint-up(xl) {
@include make-col(12);
}
}
}
#conversejs.converse-embedded,
#conversejs.converse-fullscreen {
.flyout {
@ -510,6 +487,7 @@
border: var(--flyout-padding) solid var(--chat-head-color);
bottom: 0;
}
.chat-head {
height: var(--fullpage-chat-head-height);
padding: 0;
@ -525,17 +503,13 @@
@include make-col(2);
}
}
.chatbox {
margin: 0;
.box-flyout {
box-shadow: none;
overflow: hidden;
}
}
}
#conversejs.converse-embedded {
.chatbox {
@include make-col-ready();
@include media-breakpoint-up(md) {
@include make-col(8);
@ -547,6 +521,30 @@
@include make-col(10);
}
}
&.converse-singleton {
.flyout {
border: none !important;
}
.chat-head {
height: var(--fullpage-chat-head-height);
padding: 0.5em;
}
.chatbox {
margin: 0;
@include make-col-ready();
@include media-breakpoint-up(md) {
@include make-col(12);
}
@include media-breakpoint-up(lg) {
@include make-col(12);
}
@include media-breakpoint-up(xl) {
@include make-col(12);
}
}
}
}
#conversejs.converse-embedded {