fix(Slider): fix items height (#1040)

* fix(Slider): fix items height --------- Co-authored-by: qradle <[email protected]>
gravity-ui · Nov 11, 2024 · 21d5798 · 21d5798
1 parent 4a6ce21
commit 21d5798
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 1 deletion.
diff --git a/src/blocks/Slider/Slider.scss b/src/blocks/Slider/Slider.scss
@@ -55,6 +55,8 @@ $block: '.#{$ns}SliderBlock';
 
         .slick-slide > div {
             display: flex;
+            width: 100%;
+            height: 100%;
         }
     }
 

diff --git a/src/blocks/SliderNew/Slider.scss b/src/blocks/SliderNew/Slider.scss
@@ -55,6 +55,11 @@ $dotSize: 8px;
         }
     }
 
+    #{$root}__slide-item {
+        width: 100%;
+        height: 100%;
+    }
+
     &__arrow {
         position: absolute;
         top: -2px;

diff --git a/src/blocks/SliderNew/Slider.tsx b/src/blocks/SliderNew/Slider.tsx
@@ -131,7 +131,12 @@ export const SliderNewBlock = ({
                     {React.Children.map(children, (elem, index) => (
                         <SwiperSlide className={b('slide')} key={index}>
                             {({isVisible}) => (
-                                <div aria-hidden={!isA11yControlHidden && !isVisible}>{elem}</div>
+                                <div
+                                    className={b('slide-item')}
+                                    aria-hidden={!isA11yControlHidden && !isVisible}
+                                >
+                                    {elem}
+                                </div>
                             )}
                         </SwiperSlide>
                     ))}