fix(stepper): fix vertical jump in step text in indigo (#17021)

didimmova · web-flow · commit b265bd3ee38a · 2026-03-12T17:06:06.000+02:00
diff --git a/projects/igniteui-angular/core/src/core/styles/components/stepper/_stepper-theme.scss b/projects/igniteui-angular/core/src/core/styles/components/stepper/_stepper-theme.scss
@@ -366,16 +366,10 @@
     }
 
     @if $variant == 'indigo' {
-        [aria-selected='true'] {
-            %igx-stepper__step-content-wrapper {
-                padding-block: rem(16px);
-                padding-inline-end: rem(16px);
-            }
-        }
-
         [aria-selected='false'] {
             %igx-stepper__step-content-wrapper {
                 padding-block: 0;
+                transition: padding-block 0.3s 0.2s ease;
             }
         }
     }

Original file line number	Diff line number	Diff line change
`@@ -366,16 +366,10 @@`
`366`	`366`	`}`
`367`	`367`
`368`	`368`	`@if $variant == 'indigo' {`
`369`		`- [aria-selected='true'] {`
`370`		`- %igx-stepper__step-content-wrapper {`
`371`		`- padding-block: rem(16px);`
`372`		`- padding-inline-end: rem(16px);`
`373`		`- }`
`374`		`- }`
`375`		`-`
`376`	`369`	`[aria-selected='false'] {`
`377`	`370`	`%igx-stepper__step-content-wrapper {`
`378`	`371`	`padding-block: 0;`
	`372`	`+ transition: padding-block 0.3s 0.2s ease;`
`379`	`373`	`}`
`380`	`374`	`}`
`381`	`375`	`}`