From f2426d26e683591cee87b4107f990492b47ec837 Mon Sep 17 00:00:00 2001
From: Kristiyan Kostadinov <crisbeto@users.noreply.github.com>
Date: Fri, 24 Jan 2020 00:48:50 +0100
Subject: [PATCH] fix(slider): slider track not visible (#5512)

---
 packages/mdc-slider/_mixins.scss | 24 +++++++++++++++---------
 1 file changed, 15 insertions(+), 9 deletions(-)

diff --git a/packages/mdc-slider/_mixins.scss b/packages/mdc-slider/_mixins.scss
index 7185a8e0417..13b949942bc 100644
--- a/packages/mdc-slider/_mixins.scss
+++ b/packages/mdc-slider/_mixins.scss
@@ -262,6 +262,18 @@
       height: 2px;
       overflow: hidden;
     }
+
+    &::after {
+      @include feature-targeting-mixins.targets($feat-structure) {
+        position: absolute;
+        top: 0;
+        left: 0;
+        display: block;
+        width: 100%;
+        height: 100%;
+        content: "";
+      }
+    }
   }
 
   &__track {
@@ -434,17 +446,11 @@
 @mixin rail-color_($color, $opacity: variables.$baseline-rail-opacity, $query: feature-targeting-functions.all()) {
   $feat-color: feature-targeting-functions.create-target($query, color);
 
-  .mdc-slider__track-container {
+  .mdc-slider__track-container::after {
     @include feature-targeting-mixins.targets($feat-color) {
-      &::after {
-        @include theme-mixins.prop(background-color, $color);
+      @include theme-mixins.prop(background-color, $color);
 
-        display: block;
-        width: 100%;
-        height: 100%;
-        opacity: $opacity;
-        content: "";
-      }
+      opacity: $opacity;
     }
   }
 }