fix: header slider new sm, md width

gravity-ui · Oct 28, 2024 · 8d4965a · 8d4965a
1 parent 6be8d9a
commit 8d4965a
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 18 deletions.
diff --git a/src/blocks/HeaderSlider/HeaderSlider.scss b/src/blocks/HeaderSlider/HeaderSlider.scss
@@ -47,14 +47,6 @@ $block: '.#{$ns}header-slider-block';
         }
     }
 
-    @media (max-width: map-get($gridBreakpoints, 'md')) {
-        &.#{$ns}SliderBlock {
-            margin-left: -$indentXXXS;
-            padding-left: 0;
-            width: calc(100% + #{$indentXXXS});
-        }
-    }
-
     @media (max-width: map-get($gridBreakpoints, 'sm')) {
         &__item-content {
             .#{$ns}header-block__content {
@@ -66,11 +58,5 @@ $block: '.#{$ns}header-slider-block';
                 padding-left: $indentXS + $indentXXXS;
             }
         }
-
-        .slick-track {
-            .slick-slide {
-                max-width: 100%;
-            }
-        }
     }
 }
diff --git a/src/blocks/SliderNew/Slider.scss b/src/blocks/SliderNew/Slider.scss
@@ -6,7 +6,7 @@ $fsArrowArea: 120px;
 
 @mixin fullscreen-card() {
     @media (max-width: map-get($gridBreakpoints, 'sm')) {
-        &:not(&_one-slide) {
+        &:not(#{$block}_one-slide) {
             margin-left: 0;
             padding-left: 0;
             width: 100%;
@@ -187,7 +187,6 @@ $dotSize: 8px;
     }
 
     &_type_header-card {
-        @include fullscreen-card();
         $arrowWidth: 68px;
         $arrowHeight: 68px;
 
@@ -252,12 +251,20 @@ $dotSize: 8px;
             padding: 0;
         }
 
+        @media (max-width: map-get($gridBreakpoints, 'md')) {
+            &:not(#{$root}_one-slide) {
+                margin-left: -$indentXXXS;
+                padding-left: 0;
+                width: calc(100% + #{$indentXXXS});
+            }
+        }
+
         @media (max-width: map-get($gridBreakpoints, 'sm')) {
             #{$root}__arrow {
                 display: none;
             }
 
-            &#{$root}:not(&_one-slide) {
+            &:not(#{$root}_one-slide) {
                 #{$root}__slider {
                     margin-left: 0;
                 }
@@ -336,7 +343,7 @@ $dotSize: 8px;
         }
 
         @media (max-width: map-get($gridBreakpoints, 'sm')) {
-            #{$block}#{&}:not(&_one-slide) {
+            &:not(#{$root}_one-slide) {
                 #{$root}__slider {
                     margin-left: 0;
                 }