Fix selected tab hover

scientific-python · Nov 6, 2023 · d6ea11d · d6ea11d
1 parent 74bbbba
commit d6ea11d
Showing 1 changed file with 8 additions and 0 deletions.
diff --git 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);