Skip to content

Commit dbc78d5

Browse files
committed
fix vertical slider in ie11
1 parent 39dae0c commit dbc78d5

File tree

1 file changed

+9
-5
lines changed

1 file changed

+9
-5
lines changed

src/lib/slider/slider.scss

Lines changed: 9 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -22,17 +22,16 @@ $md-slider-tick-size: 2px !default;
2222

2323

2424
md-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 {

0 commit comments

Comments
 (0)