don't override mobile ui or drawer when resizing
parent
3f1e5d2f87
commit
54c3ac4aba
|
@ -1,24 +1,21 @@
|
||||||
.drawer{
|
:root {
|
||||||
padding-top: 10px;
|
@media screen and (min-width: 600px) {
|
||||||
padding-bottom: 0;
|
.column {
|
||||||
flex: 0 1 300px;
|
min-width: 300px;
|
||||||
max-width: 300px !important;
|
max-width: 480px;
|
||||||
min-width: 300px !important;
|
flex: 2 1 auto;
|
||||||
|
filter: initial;
|
||||||
|
}
|
||||||
|
.column:last-child {
|
||||||
|
flex: 1 2 auto;
|
||||||
|
}
|
||||||
|
.columns-area {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
}
|
||||||
|
.compose-form .compose-form__modifiers .compose-form__upload,
|
||||||
|
.composer--upload_form--item {
|
||||||
|
flex: 1 0 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.column {
|
|
||||||
min-width: 300px !important;
|
|
||||||
max-width: 480px !important;
|
|
||||||
flex: 2 1 auto !important;
|
|
||||||
filter: initial;
|
|
||||||
}
|
|
||||||
.column:last-child {
|
|
||||||
flex: 1 2 auto !important;
|
|
||||||
}
|
|
||||||
.columns-area {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
}
|
|
||||||
.compose-form .compose-form__modifiers .compose-form__upload,
|
|
||||||
.composer--upload_form--item {
|
|
||||||
flex: 1 0 100%;
|
|
||||||
}
|
|
Loading…
Reference in New Issue