Fix button border in hover state

This commit is contained in:
mkpaz 2022-08-19 14:16:25 +04:00
parent fc2c54b694
commit 9d307524ae
2 changed files with 6 additions and 4 deletions

@ -201,8 +201,7 @@
-fx-padding: cfg.$padding-y cfg.$padding-x cfg.$padding-y cfg.$padding-x; -fx-padding: cfg.$padding-y cfg.$padding-x cfg.$padding-y cfg.$padding-x;
&:hover, &:hover {
&:hover:focused {
-fx-background-color: -color-button-border-hover, -color-button-bg-hover; -fx-background-color: -color-button-border-hover, -color-button-bg-hover;
-fx-text-fill: -color-button-fg-hover; -fx-text-fill: -color-button-fg-hover;
@ -212,6 +211,10 @@
} }
} }
&:hover:focused {
-fx-background-color: -color-button-border-focused, -color-button-bg-hover;
}
&:focused { &:focused {
-fx-background-color: -color-button-border-focused, -color-button-bg-focused; -fx-background-color: -color-button-border-focused, -color-button-bg-focused;
-fx-text-fill: -color-button-fg-focused; -fx-text-fill: -color-button-fg-focused;

@ -1,6 +1,6 @@
// SPDX-License-Identifier: MIT // SPDX-License-Identifier: MIT
@use "../settings/config"as cfg; @use "../settings/config" as cfg;
@use "button"; @use "button";
.toggle-button { .toggle-button {
@ -8,7 +8,6 @@
-color-button-bg-selected: -color-accent-emphasis; -color-button-bg-selected: -color-accent-emphasis;
-color-button-fg-selected: -color-fg-emphasis; -color-button-fg-selected: -color-fg-emphasis;
-color-button-border-focused: -color-border-default;
-fx-padding: cfg.$padding-y cfg.$padding-x cfg.$padding-y cfg.$padding-x; -fx-padding: cfg.$padding-y cfg.$padding-x cfg.$padding-y cfg.$padding-x;