mirror of
https://github.com/balena-io/etcher.git
synced 2025-04-24 07:17:18 +00:00
fix(GUI): expand button in modal menu if its the only one (#1023)
The `.modal-menu` class holds buttons that are shown at the bottom of the modal. If there are two buttons, the class will show them side by side with equal sizes, however if there is only one button, it will be incorrectly resized to 50% of the available space. Change-Type: patch Changelog-Entry: Fix alignment of single call to action buttons inside modals. Signed-off-by: Juan Cruz Viotti <jviotti@openmailbox.org>
This commit is contained in:
parent
aea4403a16
commit
543cfea1b4
@ -104,8 +104,8 @@
|
||||
.modal-menu {
|
||||
display: flex;
|
||||
|
||||
> .button {
|
||||
flex-basis: 50%;
|
||||
> * {
|
||||
flex-basis: auto;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -6276,8 +6276,8 @@ body {
|
||||
|
||||
.modal-menu {
|
||||
display: flex; }
|
||||
.modal-menu > .button, .modal-menu > .progress-button {
|
||||
flex-basis: 50%; }
|
||||
.modal-menu > * {
|
||||
flex-basis: auto; }
|
||||
|
||||
.modal-open {
|
||||
padding-right: 0 !important; }
|
||||
|
Loading…
x
Reference in New Issue
Block a user