Made the border on the pickup event card in cart page not glow

https://css-tricks.com/a-complete-guide-to-data-attributes/
acmucsd · Apr 16, 2024 · 13b65da · 13b65da
1 parent 6ef1325
commit 13b65da
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/src/components/events/EventCard/index.tsx b/src/components/events/EventCard/index.tsx
@@ -74,7 +74,10 @@ const EventCard = ({
       <Link
         href={`${config.eventsRoute}/${uuid}`}
         data-community={community}
-        className={`${styles.container} ${borderless ? '' : styles.bordered} ${className || ''}`}
+        data-disabled={borderless ? 'true' : 'false'}
+        className={`${styles.container} ${borderless ? 'disabled' : styles.bordered} ${
+          className || ''
+        }`}
         onClick={e => {
           e.preventDefault();
           setExpanded(true);

diff --git a/src/components/events/EventCard/style.module.scss b/src/components/events/EventCard/style.module.scss
@@ -20,7 +20,7 @@
     border-radius: 10px;
   }
 
-  &:not([disabled]):hover {
+  &:not([data-disabled='true']):hover {
     outline-width: 4px;
     transform: scale(0.975);