only targetting lists inside vertical steppers for bottom padding

dhtclk · dhtclk · commit 4bab619eb112 · 2025-07-15T13:21:16.000-05:00
diff --git a/src/components/Stepper/Stepper.tsx b/src/components/Stepper/Stepper.tsx
@@ -124,7 +124,7 @@ const VStepper = ({
     return (
         <OriginalVerticalStepper
             type={type}
-            className={className}
+            className={`vertical-stepper ${className || ''}`}
             {...domProps}
         >
             {enhancedChildren}
diff --git a/src/css/custom.scss b/src/css/custom.scss
@@ -1427,9 +1427,13 @@ input::-ms-input-placeholder { /* Microsoft Edge */
 .custom-ul,
 .custom-ol {
   padding-inline-start: 2rem;
-  padding-block-end: 1.5rem;
 }
 
 .custom-li {
   padding-inline-start: 1rem;
+}
+
+.vertical-stepper .custom-ul
+.vertical-stepper .custom-ol {
+  padding-block-end: 1.5rem;
 }

Original file line number	Diff line number	Diff line change
`@@ -124,7 +124,7 @@ const VStepper = ({`
`124`	`124`	`return (`
`125`	`125`	`<OriginalVerticalStepper`
`126`	`126`	`type={type}`
`127`		`- className={className}`
	`127`	+ className={`vertical-stepper ${className \|\| ''}`}
`128`	`128`	`{...domProps}`
`129`	`129`	`>`
`130`	`130`	`{enhancedChildren}`
Original file line number	Diff line number	Diff line change
`@@ -1427,9 +1427,13 @@ input::-ms-input-placeholder { /* Microsoft Edge */`
`1427`	`1427`	`.custom-ul,`
`1428`	`1428`	`.custom-ol {`
`1429`	`1429`	`padding-inline-start: 2rem;`
`1430`		`- padding-block-end: 1.5rem;`
`1431`	`1430`	`}`
`1432`	`1431`
`1433`	`1432`	`.custom-li {`
`1434`	`1433`	`padding-inline-start: 1rem;`
	`1434`	`+}`
	`1435`	`+`
	`1436`	`+.vertical-stepper .custom-ul`
	`1437`	`+.vertical-stepper .custom-ol {`
	`1438`	`+ padding-block-end: 1.5rem;`
`1435`	`1439`	`}`