From e62fb3baf2e37ff67b01c7ec71c8c81f426f8acb Mon Sep 17 00:00:00 2001
From: Ahmed Awan <qe66653@umbc.edu>
Date: Mon, 23 Oct 2023 12:21:12 -0500
Subject: [PATCH] use a `drop-shadow` filter to highlight current item

---
 client/src/components/History/Content/ContentItem.vue | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/client/src/components/History/Content/ContentItem.vue b/client/src/components/History/Content/ContentItem.vue
index 707ad680af07..ee5723d9f1f5 100644
--- 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>