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

Don't make the controlbox too narrow at certain viewport sizes

Browse Source
This commit is contained in:
JC Brand 2018-07-04 12:00:02 +02:00
parent 7b86e24b9a
commit 8283d58988
3 changed files with 8 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
css/converse.css
View File

@ -7726,8 +7726,8 @@ body.reset {
padding-left: 15px; }
@media (min-width: 768px) {
#conversejs.converse-fullscreen .chatbox {
flex: 0 0 75%;
max-width: 75%; } }
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%; } }
@media (min-width: 992px) {
#conversejs.converse-fullscreen .chatbox {
flex: 0 0 75%;
@ -8074,8 +8074,7 @@ body.reset {
width: 100vw !important; }
#conversejs:not(.converse-embedded) .converse-chatboxes #controlbox .box-flyout {
width: 100vw !important;
height: 100vh !important;
margin-left: 30px; }
height: 100vh !important; }
#conversejs:not(.converse-embedded) .converse-chatboxes #controlbox .sidebar {
display: block; }
#conversejs:not(.converse-embedded) .converse-chatboxes.sidebar-open .chatbox:not(#controlbox) {
@ -8129,8 +8128,8 @@ body.reset {
@media (min-width: 768px) {
#conversejs.converse-fullscreen #controlbox,
#conversejs.converse-mobile #controlbox {
flex: 0 0 25%;
max-width: 25%; } }
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%; } }
@media (min-width: 992px) {
#conversejs.converse-fullscreen #controlbox,
#conversejs.converse-mobile #controlbox {

2
sass/_chatbox.scss
View File

@ -577,7 +577,7 @@
@include make-col-ready();
@include media-breakpoint-up(md) {
@include make-col(9);
@include make-col(8);
}
@include media-breakpoint-up(lg) {
@include make-col(9);

4
sass/_controlbox.scss
View File

@ -384,7 +384,6 @@
.box-flyout {
width: 100vw !important;
height: 100vh !important;
margin-left: 30px;
}
.sidebar {
display: block;
@ -461,8 +460,9 @@
#conversejs.converse-mobile {
#controlbox {
@include make-col-ready();
@include media-breakpoint-up(md) {
@include make-col(3);
@include make-col(4);
}
@include media-breakpoint-up(lg) {
@include make-col(3);