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;
|
||||
margin-right: -1.5em;
|
||||
|
||||
@each $btn, $grow in $buttons-order {
|
||||
$i: index($buttons-order, $btn);
|
||||
@if $grow {
|
||||
$i: index($buttons-order, $btn $grow);
|
||||
}
|
||||
|
||||
.#{$btn}-button {
|
||||
order: $i;
|
||||
@if ($grow == 'grow') {
|
||||
flex-grow: 1;
|
||||
@media (min-width: $very-small-limit + 1) {
|
||||
@each $btn, $grow in $buttons-order {
|
||||
$i: index($buttons-order, $btn);
|
||||
@if $grow {
|
||||
$i: index($buttons-order, $btn $grow);
|
||||
}
|
||||
}
|
||||
|
||||
.#{$btn}-button {
|
||||
order: $i;
|
||||
@if ($grow == 'grow') {
|
||||
flex-grow: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
// always hidden, exclude to flex-child
|
||||
.savedraft-button {
|
||||
|
|
Loading…
Reference in New Issue