fix(esl-carousel): add possibility to hide controls according to clos…

…est container state
exadel-inc · Jun 20, 2024 · b941748 · b941748
1 parent d8a7e25
commit b941748
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/src/modules/esl-carousel/core/esl-carousel.less b/src/modules/esl-carousel/core/esl-carousel.less
@@ -53,6 +53,11 @@ esl-carousel {
 }
 
 [esl-carousel-container] {
+  --esl-carousel-control-visibility: visible;
   --esl-carousel-side-space: 5px;
   position: relative;
 }
+
+[esl-carousel-container][incomplete] {
+  --esl-carousel-control-visibility: hidden;
+}
diff --git a/src/modules/esl-carousel/plugin/nav/esl-carousel.nav.arrows.less b/src/modules/esl-carousel/plugin/nav/esl-carousel.nav.arrows.less
@@ -12,6 +12,8 @@
     top: 50%;
     transform: translateY(-50%);
 
+    visibility: var(--esl-carousel-control-visibility, visible);
+
     display: grid;
     place-content: center;