Skip to content

Commit 3a294ea

Browse files
PahaN47qradle-yndx
andauthored
fix(Slider): fix items height (#1040)
* fix(Slider): fix items height --------- Co-authored-by: qradle <[email protected]>
1 parent 83ce80f commit 3a294ea

File tree

3 files changed

+13
-1
lines changed

3 files changed

+13
-1
lines changed

src/blocks/Slider/Slider.scss

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -55,6 +55,8 @@ $block: '.#{$ns}SliderBlock';
5555

5656
.slick-slide > div {
5757
display: flex;
58+
width: 100%;
59+
height: 100%;
5860
}
5961
}
6062

src/blocks/SliderNew/Slider.scss

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -55,6 +55,11 @@ $dotSize: 8px;
5555
}
5656
}
5757

58+
#{$root}__slide-item {
59+
width: 100%;
60+
height: 100%;
61+
}
62+
5863
&__arrow {
5964
position: absolute;
6065
top: -2px;

src/blocks/SliderNew/Slider.tsx

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -131,7 +131,12 @@ export const SliderNewBlock = ({
131131
{React.Children.map(children, (elem, index) => (
132132
<SwiperSlide className={b('slide')} key={index}>
133133
{({isVisible}) => (
134-
<div aria-hidden={!isA11yControlHidden && !isVisible}>{elem}</div>
134+
<div
135+
className={b('slide-item')}
136+
aria-hidden={!isA11yControlHidden && !isVisible}
137+
>
138+
{elem}
139+
</div>
135140
)}
136141
</SwiperSlide>
137142
))}

0 commit comments

Comments
 (0)