fix(atomic): hide carousel buttons when image size is set to icon (#4518

) This PR hides the product image carousel buttons when **imageSize** is set to icon. This prevent the buttons from overlapping with the icon. https://coveord.atlassian.net/browse/KIT-3612
coveo · Oct 11, 2024 · 479cc41 · 479cc41
1 parent 06bea5a
commit 479cc41
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/packages/atomic/src/components/commerce/atomic-product/atomic-product.pcss b/packages/atomic/src/components/commerce/atomic-product/atomic-product.pcss
@@ -6,6 +6,13 @@
   @apply relative;
 
   .with-sections {
+    &.image-icon {
+      atomic-product-image::part(previous-button),
+      atomic-product-image::part(next-button),
+      atomic-product-image::part(indicator) {
+        display: none;
+      }
+    }
     &.display-grid {
       @screen desktop-only {
         &.image-large {