style: force alignment of cancel buttons (#45723)
This commit is contained in:
parent
a832767a1e
commit
91a9a591c3
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in New Issue