fix(vertical-nav): align icon and text of selected link with other links

closes #293 This is a backport of c8b7490.
vmware-clarity · Aug 26, 2022 · 182790a · 182790a
1 parent e9a9c61
commit 182790a
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/projects/angular/src/layout/vertical-nav/_vertical-nav.clarity.scss b/projects/angular/src/layout/vertical-nav/_vertical-nav.clarity.scss
@@ -21,7 +21,17 @@
       $clr-use-custom-properties
     );
 
-    border-left: $clr_baselineRem_3px solid var(--clr-nav-active-box-shadow-color);
+    position: relative;
+
+    &::before {
+      content: '';
+      position: absolute;
+      top: 0;
+      bottom: 0;
+      left: 0;
+      width: $clr_baselineRem_3px;
+      background: var(--clr-nav-active-box-shadow-color);
+    }
 
     .nav-icon {
       @include css-var(