web: fix PageNavTab & SidebarTab bg flicker on selection

it used to be: normal-> hover -> pressed -> hover -> active

but now it's: normal -> hover -> pressed -> active
This commit is contained in:
wukko 2025-02-25 00:37:18 +06:00
parent 24a75eaf80
commit 0ae5cad2f5
No known key found for this signature in database
GPG key ID: 3E30B3F26C7B4AA2
2 changed files with 6 additions and 3 deletions

View file

@ -129,12 +129,14 @@
background-color: var(--button-hover-transparent);
}
.sidebar-tab:active:not(.active) {
.sidebar-tab:active:not(.active),
.sidebar-tab:focus:hover:not(.active) {
background-color: var(--button-press-transparent);
}
.sidebar-tab:hover:not(.active),
.sidebar-tab:active:not(.active) {
.sidebar-tab:active:not(.active),
.sidebar-tab:focus:hover:not(.active) {
opacity: 1;
box-shadow: 0 0 0 1.5px var(--sidebar-stroke) inset;
}

View file

@ -106,7 +106,8 @@
}
}
.subnav-tab:active {
.subnav-tab:active,
.subnav-tab:focus:hover:not(.active) {
background: var(--button-press-transparent);
box-shadow: var(--button-box-shadow);
}