Merge pull request #16560 from IgniteUI/sivanova/fix-16508-20.1.x

ChronosSF · web-flow · commit 3be542596758 · 2025-12-02T16:37:25.000+02:00
fix(stepper): step separator styles
diff --git a/projects/igniteui-angular/src/lib/core/styles/components/stepper/_stepper-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/stepper/_stepper-theme.scss
@@ -446,11 +446,11 @@
                     color: var-get($theme, 'complete-subtitle-hover-color');
                 }
             }
+        }
 
-            &::after {
-                border-top-color: var-get($theme, 'complete-step-separator-color') !important;
-                border-top-style: var-get($theme, 'complete-step-separator-style') !important;
-            }
+        %igx-stepper__step-header::after {
+            border-top-color: var-get($theme, 'complete-step-separator-color') !important;
+            border-top-style: var-get($theme, 'complete-step-separator-style') !important;
         }
 
         &:focus {

Original file line number	Diff line number	Diff line change
`@@ -446,11 +446,11 @@`
`446`	`446`	`color: var-get($theme, 'complete-subtitle-hover-color');`
`447`	`447`	`}`
`448`	`448`	`}`
	`449`	`+ }`
`449`	`450`
`450`		`- &::after {`
`451`		`- border-top-color: var-get($theme, 'complete-step-separator-color') !important;`
`452`		`- border-top-style: var-get($theme, 'complete-step-separator-style') !important;`
`453`		`- }`
	`451`	`+ %igx-stepper__step-header::after {`
	`452`	`+ border-top-color: var-get($theme, 'complete-step-separator-color') !important;`
	`453`	`+ border-top-style: var-get($theme, 'complete-step-separator-style') !important;`
`454`	`454`	`}`
`455`	`455`
`456`	`456`	`&:focus {`