Fix UI issues in the PCS with IE

pull/1/head
yflory 6 years ago
parent e59aec0a45
commit 3fe150f936

@ -116,6 +116,8 @@
line-height: 28px; line-height: 28px;
label { label {
flex: 1; flex: 1;
// Force wrap when the other element in the line is 100% (IE bug):
min-width: 1px;
} }
input[type="checkbox"] { input[type="checkbox"] {
&+ label { &+ label {
@ -141,15 +143,19 @@
//margin-top: 10px; //margin-top: 10px;
&.active { &.active {
transition: max-height 0.5s ease-in-out; transition: max-height 0.5s ease-in-out;
max-width: unset; max-width: none;
max-height: 100px; max-height: 100px;
} }
input, select {
vertical-align: middle;
}
} }
input, select { input, select {
font-size: 14px; font-size: 14px;
border: 1px solid @colortheme_form-border; border: 1px solid @colortheme_form-border;
height: 26px; height: 26px;
line-height: 26px;
background-color: @colortheme_form-bg; background-color: @colortheme_form-bg;
color: @colortheme_form-color; color: @colortheme_form-color;
} }
@ -167,7 +173,7 @@
} }
&.active { &.active {
label { label {
flex: unset; flex: none;
} }
.cp-creation-slider { .cp-creation-slider {
flex: 1; flex: 1;
@ -184,7 +190,7 @@
padding: 0 5px; padding: 0 5px;
} }
label { label {
flex: unset; flex: none;
} }
} }
} }
@ -287,6 +293,7 @@
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
min-height: 20px;
height: 20px; height: 20px;
line-height: 20px; line-height: 20px;
margin-top: 5px; margin-top: 5px;
@ -340,7 +347,7 @@
flex: 1; flex: 1;
} }
.cp-creation-slider { .cp-creation-slider {
flex: unset; flex: none;
order: 10; order: 10;
width: 100%; width: 100%;
} }

Loading…
Cancel
Save