From e41d99083067378beda02a4e24f47f62a66f7371 Mon Sep 17 00:00:00 2001
From: lscambo13 <ls.cambo13@gmail.com>
Date: Tue, 27 May 2025 12:13:35 -0700
Subject: [PATCH] Fix: Cleaned up code and increased specificity

---
 Theme/ElegantFin-theme-nightly.css | 21 +++++++--------------
 1 file changed, 7 insertions(+), 14 deletions(-)

diff --git a/Theme/ElegantFin-theme-nightly.css b/Theme/ElegantFin-theme-nightly.css
index 84562ab..fb1b64a 100644
--- a/Theme/ElegantFin-theme-nightly.css
+++ b/Theme/ElegantFin-theme-nightly.css
@@ -264,36 +264,29 @@ html {
     background: rgba(255, 255, 255, 0.05);
 }
 
-.cardOverlayContainer:after {
+.layout-desktop .card.card-hoverable .cardOverlayContainer:after {
     content: "";
     transition: .5s;
     position: absolute;
     inset: 0;
-}
-
-.cardOverlayContainer:after {
-    /* transform: scaleY(.75); */
-    transform: translateY(-50%);
+    transform: translateY(-50%) translateX(0);
     background: var(--hoverGradientV);
 }
 
 .layout-desktop .card.card-hoverable:hover .cardOverlayContainer:after {
-    /* transform: scaleY(2); */
-    transform: translateY(50%);
+    transform: translateY(50%) translateX(0);
     opacity: 0;
 }
 
-.backdropCard .cardOverlayContainer:after,
-.overflowBackdropCard .cardOverlayContainer:after {
-    /* transform: scaleX(1); */
-    transform: translateX(-50%);
+.layout-desktop .backdropCard.card-hoverable .cardOverlayContainer:after,
+.layout-desktop .overflowBackdropCard.card-hoverable .cardOverlayContainer:after {
+    transform: translateY(0) translateX(-50%);
     background: var(--hoverGradientH);
 }
 
 .layout-desktop .backdropCard.card-hoverable:hover .cardOverlayContainer:after,
 .layout-desktop .overflowBackdropCard.card-hoverable:hover .cardOverlayContainer:after {
-    /* transform: scaleX(2); */
-    transform: translateX(50%);
+    transform: translateY(0) translateX(50%);
     opacity: 0;
 }