Mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/wukko/cobalt.git synced 2025-02-27 05:28:49 +01:00
Code Issues Projects Releases Packages Wiki Activity

web: fix PageNavTab & SidebarTab bg flicker on selection

Browse source 
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
Show stats Download patch file Download diff file Expand all files Collapse all files

6
web/src/components/sidebar/SidebarTab.svelte
View file

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

3
web/src/components/subnav/PageNavTab.svelte
View file

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