Fix button border in hover state
This commit is contained in:
parent
fc2c54b694
commit
9d307524ae
@ -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;
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user