Merge cc4f039 into ea491da

IgniteUI · May 28, 2024 · 5f359ec · 5f359ec
2 parents ea491da + cc4f039
commit 5f359ec
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 4 deletions.
diff --git a/src/components/slider/themes/shared/slider.indigo.scss b/src/components/slider/themes/shared/slider.indigo.scss
@@ -14,10 +14,15 @@ $thumb-label-height: rem(22px);
     @include border-radius(rem(3px));
 
     min-width: $thumb-label-width;
+
+    &::after {
+        border-top: rem(12px) solid var-get($theme, 'label-background-color');
+        top: rem(16px);
+    }
 }
 
 [part='thumb-label'] {
-    top: calc((#{$thumb-label-height} + rem(16px)) * -1);
+    top: calc((#{$thumb-label-height} + rem(18px)) * -1);
     height: $thumb-label-height;
 }
 
@@ -31,12 +36,15 @@ $thumb-label-height: rem(22px);
     }
 }
 
+[part='track'] {
+    @include border-radius(rem(4px));
+}
+
 [part='track'],
 [part='fill'],
 [part='inactive'] {
     height: rem(2px);
     top: initial;
-    border-radius: initial;
 }
 
 [part='steps'] {
@@ -68,7 +76,7 @@ $thumb-label-height: rem(22px);
     }
 
     &:focus {
-        box-shadow: 0 0 0 rem(2px) var-get($theme, 'thumb-focus-color');
+        box-shadow: 0 0 0 rem(3px) var-get($theme, 'thumb-focus-color');
     }
 
     &::after {

diff --git a/src/components/slider/themes/slider.base.scss b/src/components/slider/themes/slider.base.scss
@@ -95,7 +95,7 @@ slot {
     }
 
     &:last-of-type {
-        margin-inline-start: rem(-1px);
+        margin-inline-end: rem(-1px);
     }
 }