forms: don't re-order buttons on very small screens (#73175)

This commit is contained in:
Serghei Mihai 2023-01-10 17:23:43 +01:00 committed by Gitea
parent 3fde79311f
commit a2fc95e7ff
1 changed files with 13 additions and 11 deletions

View File

@ -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 {