Skip to content

Commit 5210d43

Browse files
committed
fixup! perf(material/slider): use flex to position tick marks
1 parent 0f296db commit 5210d43

File tree

1 file changed

+7
-1
lines changed

1 file changed

+7
-1
lines changed

src/material/slider/slider.scss

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -282,11 +282,17 @@ $_mat-slots: (tokens-mat-slider.$prefix, tokens-mat-slider.get-token-slots());
282282
display: flex;
283283
height: 100%;
284284
justify-content: space-between;
285-
padding: 0 2px;
285+
padding: 0 4px;
286286
position: absolute;
287287
width: 100%;
288288
}
289289

290+
.mdc-slider__tick-mark--active,
291+
.mdc-slider__tick-mark--inactive {
292+
flex-shrink: 0;
293+
margin: -2px;
294+
}
295+
290296
.mdc-slider__tick-mark--active,
291297
.mdc-slider__tick-mark--inactive {
292298
@include token-utils.use-tokens($_mdc-slots...) {

0 commit comments

Comments
 (0)