use a border-left with no margin to highlight current item

ahmedhamidawan · Oct 26, 2023 · 9a14a5f · 9a14a5f
1 parent e73856e
commit 9a14a5f
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/client/src/components/History/Content/ContentItem.vue b/client/src/components/History/Content/ContentItem.vue
@@ -289,9 +289,13 @@ export default {
     }
 
     // improve focus visibility
-    &:deep(.btn:focus),
-    &.being-used {
+    &:deep(.btn:focus) {
         box-shadow: 0 0 0 0.2rem transparentize($brand-primary, 0.75);
     }
+
+    &.being-used {
+        border-left: 0.25rem solid $brand-primary;
+        margin-left: 0rem !important;
+    }
 }
 </style>