fix(esl-carousel): make animated carousel area equal to the content w…

…ithout padding
exadel-inc · Jul 10, 2024 · 1c1f6d8 · 1c1f6d8
1 parent 3b46eb2
commit 1c1f6d8
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/site/views/examples/carousel/vertical.sample.njk b/site/views/examples/carousel/vertical.sample.njk
@@ -1,6 +1,6 @@
 ---
 title: Vertical Carousel (Single)
-order: 4
+order: 5
 tags: carousel-sample
 ---
 

diff --git a/src/modules/esl-carousel/core/esl-carousel.less b/src/modules/esl-carousel/core/esl-carousel.less
@@ -25,6 +25,11 @@ esl-carousel {
     cursor: grabbing;
   }
 
+  &[animating] {
+    padding-inline: 0;
+    margin-inline: 0;
+  }
+
   &[dragging] [esl-carousel-slides],
   &[animating] [esl-carousel-slides] {
     touch-action: none;