Fix button focus/active styles on the UI.

This commit is contained in:
Kailash Nadh 2024-10-23 12:21:15 +05:30
parent 69de02ab6d
commit 9760d19b4d

View file

@ -464,6 +464,7 @@ body.is-noscroll {
padding: 30px 20px;
}
.modal .modal-card-foot {
background: none;
justify-content: flex-end;
border-top: 0;
}
@ -491,13 +492,17 @@ body.is-noscroll {
.button {
&.is-primary {
background: $primary;
font-weight: bold;
&:hover {
&:hover, &:active {
background: darken($primary, 15%);
}
&:disabled {
background: $grey-light;
}
&:focus:not(:active), &.is-focused:not(:active) {
box-shadow: 0 0 0 0.2em rgba($primary, 0.25);
}
}
&:not(.is-small) {