Make sure chats cover whole page in responsive mode
This commit is contained in:
parent
78d6d493d6
commit
ab6a4560e2
@ -8044,10 +8044,11 @@ body.reset {
|
|||||||
width: 100vw !important;
|
width: 100vw !important;
|
||||||
height: 100vh !important; }
|
height: 100vh !important; }
|
||||||
#conversejs:not(.converse-embedded) .converse-chatboxes #controlbox {
|
#conversejs:not(.converse-embedded) .converse-chatboxes #controlbox {
|
||||||
order: 0; }
|
width: 100vw !important; }
|
||||||
#conversejs:not(.converse-embedded) .converse-chatboxes #controlbox .box-flyout {
|
#conversejs:not(.converse-embedded) .converse-chatboxes #controlbox .box-flyout {
|
||||||
width: 100vw !important;
|
width: 100vw !important;
|
||||||
height: 100vh !important; }
|
height: 100vh !important;
|
||||||
|
margin-left: 30px; }
|
||||||
#conversejs:not(.converse-embedded) .converse-chatboxes #controlbox .sidebar {
|
#conversejs:not(.converse-embedded) .converse-chatboxes #controlbox .sidebar {
|
||||||
display: block; }
|
display: block; }
|
||||||
#conversejs:not(.converse-embedded) .converse-chatboxes.sidebar-open .chatbox:not(#controlbox) {
|
#conversejs:not(.converse-embedded) .converse-chatboxes.sidebar-open .chatbox:not(#controlbox) {
|
||||||
@ -8731,22 +8732,15 @@ body.reset {
|
|||||||
max-width: 25%; }
|
max-width: 25%; }
|
||||||
|
|
||||||
@media (max-width: 767.98px) {
|
@media (max-width: 767.98px) {
|
||||||
#conversejs.converse-mobile .chatroom .box-flyout .chatbox-navback,
|
#conversejs:not(.converse-embedded) .chatroom {
|
||||||
#conversejs.converse-overlayed .chatroom .box-flyout .chatbox-navback,
|
width: 100vw !important; }
|
||||||
#conversejs.converse-embedded .chatroom .box-flyout .chatbox-navback,
|
#conversejs:not(.converse-embedded) .chatroom .box-flyout .chatbox-navback {
|
||||||
#conversejs.converse-fullscreen .chatroom .box-flyout .chatbox-navback {
|
|
||||||
flex: 0 0 16.6666666667%;
|
flex: 0 0 16.6666666667%;
|
||||||
max-width: 16.6666666667%; }
|
max-width: 16.6666666667%; }
|
||||||
#conversejs.converse-mobile .chatroom .box-flyout .chatbox-title,
|
#conversejs:not(.converse-embedded) .chatroom .box-flyout .chatbox-title {
|
||||||
#conversejs.converse-overlayed .chatroom .box-flyout .chatbox-title,
|
|
||||||
#conversejs.converse-embedded .chatroom .box-flyout .chatbox-title,
|
|
||||||
#conversejs.converse-fullscreen .chatroom .box-flyout .chatbox-title {
|
|
||||||
flex: 0 0 58.3333333333%;
|
flex: 0 0 58.3333333333%;
|
||||||
max-width: 58.3333333333%; }
|
max-width: 58.3333333333%; }
|
||||||
#conversejs.converse-mobile .chatroom .box-flyout .chatbox-buttons,
|
#conversejs:not(.converse-embedded) .chatroom .box-flyout .chatbox-buttons {
|
||||||
#conversejs.converse-overlayed .chatroom .box-flyout .chatbox-buttons,
|
|
||||||
#conversejs.converse-embedded .chatroom .box-flyout .chatbox-buttons,
|
|
||||||
#conversejs.converse-fullscreen .chatroom .box-flyout .chatbox-buttons {
|
|
||||||
flex: 0 0 25%;
|
flex: 0 0 25%;
|
||||||
max-width: 25%; } }
|
max-width: 25%; } }
|
||||||
#conversejs.converse-fullscreen .chatroom .box-flyout,
|
#conversejs.converse-fullscreen .chatroom .box-flyout,
|
||||||
|
@ -339,11 +339,10 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@include media-breakpoint-down(sm) {
|
@include media-breakpoint-down(sm) {
|
||||||
#conversejs.converse-mobile,
|
|
||||||
#conversejs.converse-overlayed,
|
#conversejs:not(.converse-embedded) {
|
||||||
#conversejs.converse-embedded,
|
|
||||||
#conversejs.converse-fullscreen {
|
|
||||||
.chatroom {
|
.chatroom {
|
||||||
|
width: 100vw !important;
|
||||||
.box-flyout {
|
.box-flyout {
|
||||||
.chatbox-navback {
|
.chatbox-navback {
|
||||||
@include make-col(2);
|
@include make-col(2);
|
||||||
|
@ -368,10 +368,11 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
#controlbox {
|
#controlbox {
|
||||||
order: 0;
|
width: 100vw !important;
|
||||||
.box-flyout {
|
.box-flyout {
|
||||||
width: 100vw !important;
|
width: 100vw !important;
|
||||||
height: 100vh !important;
|
height: 100vh !important;
|
||||||
|
margin-left: 30px;
|
||||||
}
|
}
|
||||||
.sidebar {
|
.sidebar {
|
||||||
display: block;
|
display: block;
|
||||||
|
Loading…
Reference in New Issue
Block a user