fix(slider): missing width when in flex layout

vexip-ui · Sep 18, 2022 · 7506916 · 7506916
1 parent f09ea18
commit 7506916
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/style/slider.scss b/style/slider.scss
@@ -49,13 +49,15 @@ $slider: map.merge(
   position: relative;
   display: flex;
   flex-direction: column;
+  width: 100%;
   padding: $padding 0;
   margin: 2px $margin;
   cursor: pointer;
 
   &--vertical {
     display: inline-flex;
     flex-direction: row;
+    width: auto;
     height: 100%;
     padding: 0 $padding;
     margin: $margin 2px;
@@ -82,6 +84,7 @@ $slider: map.merge(
     align-items: flex-start;
     width: 100%;
     height: get-css-var('slider-track-height');
+    overflow: hidden;
     background-color: get-css-var('slider-track-bg-color');
     border-radius: get-css-var('slider-track-height');
     transition: get-css-var('transition-background');