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; } padding-left: 15px; }
@media (min-width: 768px) { @media (min-width: 768px) {
#conversejs.converse-fullscreen .chatbox { #conversejs.converse-fullscreen .chatbox {
flex: 0 0 75%; flex: 0 0 66.6666666667%;
max-width: 75%; } } max-width: 66.6666666667%; } }
@media (min-width: 992px) { @media (min-width: 992px) {
#conversejs.converse-fullscreen .chatbox { #conversejs.converse-fullscreen .chatbox {
flex: 0 0 75%; flex: 0 0 75%;
@ -8074,8 +8074,7 @@ body.reset {
width: 100vw !important; } 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) {
@ -8129,8 +8128,8 @@ body.reset {
@media (min-width: 768px) { @media (min-width: 768px) {
#conversejs.converse-fullscreen #controlbox, #conversejs.converse-fullscreen #controlbox,
#conversejs.converse-mobile #controlbox { #conversejs.converse-mobile #controlbox {
flex: 0 0 25%; flex: 0 0 33.3333333333%;
max-width: 25%; } } max-width: 33.3333333333%; } }
@media (min-width: 992px) { @media (min-width: 992px) {
#conversejs.converse-fullscreen #controlbox, #conversejs.converse-fullscreen #controlbox,
#conversejs.converse-mobile #controlbox { #conversejs.converse-mobile #controlbox {

2
sass/_chatbox.scss
View File

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

4
sass/_controlbox.scss
View File

@ -384,7 +384,6 @@
.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;
@ -461,8 +460,9 @@
#conversejs.converse-mobile { #conversejs.converse-mobile {
#controlbox { #controlbox {
@include make-col-ready(); @include make-col-ready();
@include media-breakpoint-up(md) { @include media-breakpoint-up(md) {
@include make-col(3); @include make-col(4);
} }
@include media-breakpoint-up(lg) { @include media-breakpoint-up(lg) {
@include make-col(3); @include make-col(3);