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

Specify controlbox size for lg breakpoint

Browse Source
This commit is contained in:
JC Brand 2018-06-07 06:58:37 +02:00
parent 57b4dec5a0
commit 0575ca485a
3 changed files with 15 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
css/converse.css
View File

@ -7724,6 +7724,10 @@ body.reset {
#conversejs.converse-fullscreen .chatbox {
flex: 0 0 75%;
max-width: 75%; } }
@media (min-width: 992px) {
#conversejs.converse-fullscreen .chatbox {
flex: 0 0 75%;
max-width: 75%; } }
@media (min-width: 1200px) {
#conversejs.converse-fullscreen .chatbox {
flex: 0 0 83.3333333333%;
@ -8104,6 +8108,11 @@ body.reset {
#conversejs.converse-mobile #controlbox {
flex: 0 0 25%;
max-width: 25%; } }
@media (min-width: 992px) {
#conversejs.converse-fullscreen #controlbox,
#conversejs.converse-mobile #controlbox {
flex: 0 0 25%;
max-width: 25%; } }
@media (min-width: 1200px) {
#conversejs.converse-fullscreen #controlbox,
#conversejs.converse-mobile #controlbox {

3
sass/_chatbox.scss
View File

@ -579,6 +579,9 @@
@include media-breakpoint-up(md) {
@include make-col(9);
}
@include media-breakpoint-up(lg) {
@include make-col(9);
}
@include media-breakpoint-up(xl) {
@include make-col(10);
}

3
sass/_controlbox.scss
View File

@ -452,6 +452,9 @@
@include media-breakpoint-up(md) {
@include make-col(3);
}
@include media-breakpoint-up(lg) {
@include make-col(3);
}
@include media-breakpoint-up(xl) {
@include make-col(2);
}