Fix identation and hover style for combo-box groups (#412)

ncamera · web-flow · commit 6f426f3de9de · 2024-12-11T01:09:42.000-03:00
diff --git a/packages/mercury/src/components/combo-box/_combo-box-styles.scss b/packages/mercury/src/components/combo-box/_combo-box-styles.scss
@@ -53,7 +53,7 @@
       @include item-border-radius();
 
       &-hover {
-        @include item-colors-hover();
+        --item__color: var(--mer-accent__primary);
       }
     }
 
@@ -79,9 +79,11 @@
 
     &--nested {
       padding-inline-start: calc(
-        var(--ch-combo-box-item-gap) +
-          var(--ch-combo-box-group__expandable-button-size) +
-          var(--mer-spacing--2xs)
+        calc(
+          var(--ch-combo-box-item-gap) +
+            var(--ch-combo-box-group__expandable-button-size) +
+            var(--item__padding-inline)
+        )
       );
     }
 

Original file line number	Diff line number	Diff line change
`@@ -53,7 +53,7 @@`
`53`	`53`	`@include item-border-radius();`
`54`	`54`
`55`	`55`	`&-hover {`
`56`		`- @include item-colors-hover();`
	`56`	`+ --item__color: var(--mer-accent__primary);`
`57`	`57`	`}`
`58`	`58`	`}`
`59`	`59`
`@@ -79,9 +79,11 @@`
`79`	`79`
`80`	`80`	`&--nested {`
`81`	`81`	`padding-inline-start: calc(`
`82`		`- var(--ch-combo-box-item-gap) +`
`83`		`- var(--ch-combo-box-group__expandable-button-size) +`
`84`		`- var(--mer-spacing--2xs)`
	`82`	`+ calc(`
	`83`	`+ var(--ch-combo-box-item-gap) +`
	`84`	`+ var(--ch-combo-box-group__expandable-button-size) +`
	`85`	`+ var(--item__padding-inline)`
	`86`	`+ )`
`85`	`87`	`);`
`86`	`88`	`}`
`87`	`89`