style: force alignment of cancel buttons (#45723)

This commit is contained in:
Frédéric Péters 2020-08-04 09:14:13 +02:00
parent a832767a1e
commit 91a9a591c3
2 changed files with 14 additions and 0 deletions

View File

@ -113,6 +113,15 @@ a.cancel-button, button.cancel-button, div.buttons .cancel-button input, div.but
&:active { border-color: darken($button-cancel-color, 10%); }
}
div.buttons {
display: flex;
// always force cancel button to be last
a.cancel {
order: 100;
margin-left: 1em;
}
}
a.delete-button, button.delete-button, div.buttons .delete-button input, div.buttons .delete-button button {
color: $button-delete-color;
border-color: $button-delete-color;

View File

@ -192,9 +192,14 @@ div.ui-dialog {
padding: 0.3em 1em 0.5em 0.4em;
.ui-dialog-buttonset {
float: right;
display: flex;
}
button {
margin: 0.5em 0 0.5em 1em;
&.cancel-button {
// always force cancel button to be secondary
order: -1;
}
}
}