fix: new slider items height

gravity-ui · Oct 15, 2024 · 0b4b2f3 · 0b4b2f3
1 parent ec2f502
commit 0b4b2f3
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
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>
                     ))}