Fix: List progress bar visiblity

dchyun · dchyun · commit 408ea5494157 · 2025-03-19T13:54:12.000-04:00
diff --git a/packages/components/src/styles/components/stepper/list.scss b/packages/components/src/styles/components/stepper/list.scss
@@ -32,6 +32,7 @@ $hds-stepper-list-step-padding-bottom: 16px;
         position: absolute;
         top: 1px;
         left: 11px;
+        z-index: -1;
         width: 2px;
         content: "";
       }
@@ -42,7 +43,6 @@ $hds-stepper-list-step-padding-bottom: 16px;
       }
 
       &::after {
-        z-index: -1;
         background-color: var(--token-color-palette-neutral-700);
       }
     }
@@ -51,6 +51,7 @@ $hds-stepper-list-step-padding-bottom: 16px;
 
 .hds-stepper-list__step-progress {
   position: relative;
+  z-index: 0;
 }
 
 .hds-stepper-list__step-text {

Original file line number	Diff line number	Diff line change
`@@ -32,6 +32,7 @@ $hds-stepper-list-step-padding-bottom: 16px;`
`32`	`32`	`position: absolute;`
`33`	`33`	`top: 1px;`
`34`	`34`	`left: 11px;`
	`35`	`+ z-index: -1;`
`35`	`36`	`width: 2px;`
`36`	`37`	`content: "";`
`37`	`38`	`}`
`@@ -42,7 +43,6 @@ $hds-stepper-list-step-padding-bottom: 16px;`
`42`	`43`	`}`
`43`	`44`
`44`	`45`	`&::after {`
`45`		`- z-index: -1;`
`46`	`46`	`background-color: var(--token-color-palette-neutral-700);`
`47`	`47`	`}`
`48`	`48`	`}`
`@@ -51,6 +51,7 @@ $hds-stepper-list-step-padding-bottom: 16px;`
`51`	`51`
`52`	`52`	`.hds-stepper-list__step-progress {`
`53`	`53`	`position: relative;`
	`54`	`+ z-index: 0;`
`54`	`55`	`}`
`55`	`56`
`56`	`57`	`.hds-stepper-list__step-text {`