fix: remove mobile padding in header slider (#588)

gravity-ui · Sep 27, 2023 · 7f8c469 · 7f8c469
1 parent ed935f2
commit 7f8c469
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/src/blocks/HeaderSlider/HeaderSlider.scss b/src/blocks/HeaderSlider/HeaderSlider.scss
@@ -61,6 +61,10 @@ $block: '.#{$ns}header-slider-block';
                 padding-left: 0;
                 padding-right: 0;
             }
+
+            .#{$ns}header-block__container-fluid {
+                padding-left: $indentXS + $indentXXXS;
+            }
         }
 
         .slick-track {

diff --git a/src/blocks/Slider/Slider.scss b/src/blocks/Slider/Slider.scss
@@ -316,7 +316,12 @@ $block: '.#{$ns}SliderBlock';
                 }
 
                 .slick-slide {
-                    padding-right: 0;
+                    // to remove the indentation between slides
+                    /* stylelint-disable declaration-no-important */
+                    padding-right: 0 !important;
+                    padding-left: 0 !important;
+                    /* stylelint-enable declaration-no-important */
+
                     &:last-child {
                         padding-right: 0;
                     }