From d6ea11d75e9021260545f937e3a1986bff177c81 Mon Sep 17 00:00:00 2001 From: Stefan van der Walt Date: Mon, 6 Nov 2023 15:31:29 -0800 Subject: [PATCH] Fix selected tab hover --- assets/theme-css/tabs.css | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/assets/theme-css/tabs.css b/assets/theme-css/tabs.css index 017ee023..5ebaabaa 100644 --- a/assets/theme-css/tabs.css +++ b/assets/theme-css/tabs.css @@ -31,11 +31,19 @@ 0 0.125rem var(--pst-color-secondary); } +/* Selected tab behavior */ [role="tab"][aria-selected="true"] { color: var(--pst-color-primary); box-shadow: 0 0.125rem var(--pst-color-primary); } +[role="tab"][aria-selected="true"]:hover { + color: var(--pst-color-secondary); + box-shadow: + 0 -0.125rem var(--pst-color-secondary), + 0 0.125rem var(--pst-color-secondary); +} + /* The tab panel is in which the tab contents appear */ [role="tabpanel"] { border-top: 1px solid var(--pst-color-text-muted);