File tree Expand file tree Collapse file tree 1 file changed +9
-5
lines changed Expand file tree Collapse file tree 1 file changed +9
-5
lines changed Original file line number Diff line number Diff line change @@ -22,17 +22,16 @@ $md-slider-tick-size: 2px !default;
2222
2323
2424md-slider {
25- display : inline-flex ;
26- align-items : center ;
25+ display : inline-block ;
26+ position : relative ;
2727 box-sizing : border-box ;
2828 padding : $md-slider-padding ;
2929 outline : none ;
3030 vertical-align : middle ;
3131}
3232
3333.md-slider-track {
34- flex : 1 ;
35- position : relative ;
34+ position : absolute ;
3635}
3736
3837.md-slider-track-fill {
@@ -166,6 +165,9 @@ md-slider {
166165
167166 .md-slider-track {
168167 height : $md-slider-track-thickness ;
168+ top : ($md-slider-thickness - $md-slider-track-thickness ) / 2 ;
169+ left : $md-slider-padding ;
170+ right : $md-slider-padding ;
169171 }
170172
171173 .md-slider-track ::after {
@@ -223,12 +225,14 @@ md-slider {
223225
224226// Vertical slider.
225227.md-slider-vertical {
226- flex-direction : column ;
227228 width : $md-slider-thickness ;
228229 min-height : $md-slider-min-size ;
229230
230231 .md-slider-track {
231232 width : $md-slider-track-thickness ;
233+ top : $md-slider-padding ;
234+ bottom : $md-slider-padding ;
235+ left : ($md-slider-thickness - $md-slider-track-thickness ) / 2 ;
232236 }
233237
234238 .md-slider-track ::after {
You can’t perform that action at this time.
0 commit comments