Fix sidebar chevron states

Fix #76
jhildenbiddle · Dec 6, 2023 · 1c71252 · 1c71252
1 parent 022d027
commit 1c71252
Showing 1 changed file with 16 additions and 9 deletions.
diff --git a/src/scss/app/_sidebar.scss b/src/scss/app/_sidebar.scss
@@ -220,15 +220,7 @@ main {
                     padding: var(--sidebar-nav-pagelink-padding, var(--sidebar-nav-link-padding));
                 }
 
-                // Not loaded (w/o subnav)
-                &:only-child {
-                    background: var(--sidebar-nav-pagelink-background);
-                }
-
-                // Loaded (w/ subnav)
-                &:not(:only-child) {
-                    background: var(--sidebar-nav-pagelink-background--loaded, var(--sidebar-nav-pagelink-background));
-                }
+                background: var(--sidebar-nav-pagelink-background); // Chevron mono right
             }
         }
 
@@ -259,6 +251,21 @@ main {
             }
         }
 
+        &:has(.active) {
+            > a {
+
+                // Page links (routerMode: history|hash)
+                &[href^="/"]:not([href*="?id="]),
+                &[href^="#/"]:not([href*="?id="]) {
+
+                    // Loaded (w/ subnav)
+                    &:not(:only-child) {
+                        background: var(--sidebar-nav-pagelink-background--loaded, var(--sidebar-nav-pagelink-background--loaded, var(--sidebar-nav-pagelink-background)));
+                    }
+                }
+            }
+        }
+
         &.collapse {
             > a {
                 // Page links (routerMode: history|hash)