forms: don't re-order buttons on very small screens (#73175)
This commit is contained in:
parent
3fde79311f
commit
a2fc95e7ff
|
@ -659,18 +659,20 @@ div.select2-search {
|
||||||
justify-content: $buttons-alignment;
|
justify-content: $buttons-alignment;
|
||||||
margin-right: -1.5em;
|
margin-right: -1.5em;
|
||||||
|
|
||||||
@each $btn, $grow in $buttons-order {
|
@media (min-width: $very-small-limit + 1) {
|
||||||
$i: index($buttons-order, $btn);
|
@each $btn, $grow in $buttons-order {
|
||||||
@if $grow {
|
$i: index($buttons-order, $btn);
|
||||||
$i: index($buttons-order, $btn $grow);
|
@if $grow {
|
||||||
}
|
$i: index($buttons-order, $btn $grow);
|
||||||
|
|
||||||
.#{$btn}-button {
|
|
||||||
order: $i;
|
|
||||||
@if ($grow == 'grow') {
|
|
||||||
flex-grow: 1;
|
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
.#{$btn}-button {
|
||||||
|
order: $i;
|
||||||
|
@if ($grow == 'grow') {
|
||||||
|
flex-grow: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
// always hidden, exclude to flex-child
|
// always hidden, exclude to flex-child
|
||||||
.savedraft-button {
|
.savedraft-button {
|
||||||
|
|
Loading…
Reference in New Issue