add left border to active item (don't rely only on colour)

pydata · Aug 7, 2023 · 7210700 · 7210700
1 parent f23fa2d
commit 7210700
Showing 1 changed file with 15 additions and 16 deletions.
diff --git a/src/pydata_sphinx_theme/assets/styles/components/_switcher-version.scss b/src/pydata_sphinx_theme/assets/styles/components/_switcher-version.scss
@@ -31,23 +31,22 @@ button.btn.version-switcher__button {
     &:hover {
       background-color: var(--pst-color-surface);
     }
-  }
-
-  // Over-rides Bootstrap default blue for the current one (info-bg)
-  // TODO: @trallard to fix active in subsequent PR
-  a.list-group-item.active {
-    color: var(--pst-color-info);
-    position: relative;
-    z-index: 1;
+    &.active {
+      color: var(--pst-color-primary);
+      border-left: 0.2rem solid;
+      border-left-color: currentcolor;
+      position: relative;
+      z-index: 1;
 
-    span:before {
-      content: "";
-      width: 100%;
-      height: 100%;
-      position: absolute;
-      z-index: -1;
-      left: 0;
-      top: 0;
+      span:before {
+        content: "";
+        width: 100%;
+        height: 100%;
+        position: absolute;
+        z-index: -1;
+        left: 0;
+        top: 0;
+      }
     }
   }
 }