From 0ae5cad2f5e583eef7006dab732fb6ab6d888851 Mon Sep 17 00:00:00 2001 From: wukko Date: Tue, 25 Feb 2025 00:37:18 +0600 Subject: [PATCH] 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 --- web/src/components/sidebar/SidebarTab.svelte | 6 ++++-- web/src/components/subnav/PageNavTab.svelte | 3 ++- 2 files changed, 6 insertions(+), 3 deletions(-) diff --git a/web/src/components/sidebar/SidebarTab.svelte b/web/src/components/sidebar/SidebarTab.svelte index e7cf5481..4ed37cc3 100644 --- a/web/src/components/sidebar/SidebarTab.svelte +++ b/web/src/components/sidebar/SidebarTab.svelte @@ -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; } diff --git a/web/src/components/subnav/PageNavTab.svelte b/web/src/components/subnav/PageNavTab.svelte index ad13bd5c..fbe0d4e3 100644 --- a/web/src/components/subnav/PageNavTab.svelte +++ b/web/src/components/subnav/PageNavTab.svelte @@ -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); }