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;
22
22
23
23
24
24
md-slider {
25
- display : inline-flex ;
26
- align-items : center ;
25
+ display : inline-block ;
26
+ position : relative ;
27
27
box-sizing : border-box ;
28
28
padding : $md-slider-padding ;
29
29
outline : none ;
30
30
vertical-align : middle ;
31
31
}
32
32
33
33
.md-slider-track {
34
- flex : 1 ;
35
- position : relative ;
34
+ position : absolute ;
36
35
}
37
36
38
37
.md-slider-track-fill {
@@ -166,6 +165,9 @@ md-slider {
166
165
167
166
.md-slider-track {
168
167
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 ;
169
171
}
170
172
171
173
.md-slider-track ::after {
@@ -223,12 +225,14 @@ md-slider {
223
225
224
226
// Vertical slider.
225
227
.md-slider-vertical {
226
- flex-direction : column ;
227
228
width : $md-slider-thickness ;
228
229
min-height : $md-slider-min-size ;
229
230
230
231
.md-slider-track {
231
232
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 ;
232
236
}
233
237
234
238
.md-slider-track ::after {
You can’t perform that action at this time.
0 commit comments