use a drop-shadow filter to highlight current item

ahmedhamidawan · Oct 23, 2023 · e62fb3b · e62fb3b
1 parent cf3dfad
commit e62fb3b
Showing 1 changed file with 5 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,12 @@ 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 {
+        filter: drop-shadow(0 0 0.75rem $brand-primary);
+    }
 }
 </style>