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

CSS fix for Edge. Brand heading was wrapping in overlayed view

Browse Source 
updates #1220
This commit is contained in:
JC Brand 2018-09-24 16:16:11 +02:00
parent 31080bf2f9
commit 7af9d2d11b
2 changed files with 6 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
css/converse.css
View File

@ -9945,19 +9945,14 @@ body.reset {
margin-top: 0.5em; } margin-top: 0.5em; }
#conversejs.converse-overlayed #controlbox:not(.logged-out) .controlbox-head { #conversejs.converse-overlayed #controlbox:not(.logged-out) .controlbox-head {
height: 15px; } height: 15px; }
#conversejs.converse-overlayed #controlbox .brand-heading-container {
width: 100%; }
#conversejs.converse-overlayed #controlbox .controlbox-head { #conversejs.converse-overlayed #controlbox .controlbox-head {
display: flex; display: flex;
flex-direction: row-reverse; flex-direction: row-reverse;
flex-wrap: nowrap; flex-wrap: nowrap;
justify-content: space-between; } justify-content: space-between; }
#conversejs.converse-overlayed #controlbox .controlbox-head .brand-heading { #conversejs.converse-overlayed #controlbox .controlbox-head .brand-heading {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
color: #666; color: #666;
font-size: 2em; } font-size: 2em; }
#conversejs.converse-overlayed #controlbox .controlbox-head .chatbox-btn { #conversejs.converse-overlayed #controlbox .controlbox-head .chatbox-btn {

9
sass/_controlbox.scss
View File

@ -157,11 +157,9 @@
} }
.brand-heading-container { .brand-heading-container {
.brand-heading { .brand-heading {
text-align: center; text-align: center;
} }
.brand-name { .brand-name {
font-size: 120%; font-size: 120%;
} }
@ -366,16 +364,17 @@
} }
} }
.brand-heading-container {
width: 100%;
}
.controlbox-head { .controlbox-head {
display: flex; display: flex;
flex-direction: row-reverse; flex-direction: row-reverse;
flex-wrap: nowrap; flex-wrap: nowrap;
justify-content: space-between; justify-content: space-between;
.brand-heading { .brand-heading {
@include make-col-ready();
@include make-col(8);
color: $text-color; color: $text-color;
font-size: 2em; font-size: 2em;
} }