Raise hovered card above adjacent cards.

Shopify · Apr 28, 2023 · 2b1678b · 2b1678b
1 parent 6074825
commit 2b1678b
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/assets/base.css b/assets/base.css
@@ -3353,6 +3353,11 @@ details-disclosure > details {
     transform: rotate(0.5deg); /* Less intense rotation for collage items. */
   }
 
+  .animate--hover-3d-lift .grid__item:hover,
+  .animate--hover-3d-lift .collage__item:hover {
+    z-index: 1; /* Make sure the hovered card is the topmost card. */
+  }
+
   .animate--hover-3d-lift .card-wrapper .card--shape.card--standard:not(.card--text) .card__inner {
     box-shadow: none;
     transition: transform var(--duration-long) ease, filter var(--duration-long) ease;