Skip to content
This repository was archived by the owner on Jan 13, 2025. It is now read-only.

Commit f2426d2

Browse files
crisbetoabhiomkar
authored andcommitted
fix(slider): slider track not visible (#5512)
1 parent 616ca4a commit f2426d2

File tree

1 file changed

+15
-9
lines changed

1 file changed

+15
-9
lines changed

packages/mdc-slider/_mixins.scss

+15-9
Original file line numberDiff line numberDiff line change
@@ -262,6 +262,18 @@
262262
height: 2px;
263263
overflow: hidden;
264264
}
265+
266+
&::after {
267+
@include feature-targeting-mixins.targets($feat-structure) {
268+
position: absolute;
269+
top: 0;
270+
left: 0;
271+
display: block;
272+
width: 100%;
273+
height: 100%;
274+
content: "";
275+
}
276+
}
265277
}
266278

267279
&__track {
@@ -434,17 +446,11 @@
434446
@mixin rail-color_($color, $opacity: variables.$baseline-rail-opacity, $query: feature-targeting-functions.all()) {
435447
$feat-color: feature-targeting-functions.create-target($query, color);
436448

437-
.mdc-slider__track-container {
449+
.mdc-slider__track-container::after {
438450
@include feature-targeting-mixins.targets($feat-color) {
439-
&::after {
440-
@include theme-mixins.prop(background-color, $color);
451+
@include theme-mixins.prop(background-color, $color);
441452

442-
display: block;
443-
width: 100%;
444-
height: 100%;
445-
opacity: $opacity;
446-
content: "";
447-
}
453+
opacity: $opacity;
448454
}
449455
}
450456
}

0 commit comments

Comments
 (0)