feat(combo): fix combo initial height (#1826)

didimmova · web-flow · commit adf8a05814c2 · 2025-09-01T11:40:06.000+03:00
diff --git a/src/components/combo/themes/combo.base.scss b/src/components/combo/themes/combo.base.scss
@@ -2,6 +2,8 @@
 @use 'styles/utilities' as *;
 
 :host {
+    --item-count: 6;
+
     display: block;
     font-family: var(--ig-font-family);
 
@@ -73,7 +75,7 @@
 }
 
 [part='list'] {
-    min-height: rem(200px) !important;
+    min-height: calc(var(--size) * var(--item-count)) !important;
     outline-style: none;
 }
 
diff --git a/src/components/combo/themes/shared/combo.indigo.scss b/src/components/combo/themes/shared/combo.indigo.scss
@@ -67,6 +67,10 @@ $dropdown-theme: dropdown-theme.$indigo;
     }
 }
 
+[part='list'] {
+    min-height: calc(var(--size) * var(--item-count) + rem(16px)) !important;
+}
+
 [part='filter-input'] {
     padding: pad-inline(rem(12px));
 }

Original file line number	Diff line number	Diff line change
`@@ -2,6 +2,8 @@`
`2`	`2`	`@use 'styles/utilities' as *;`
`3`	`3`
`4`	`4`	`:host {`
	`5`	`+ --item-count: 6;`
	`6`	`+`
`5`	`7`	`display: block;`
`6`	`8`	`font-family: var(--ig-font-family);`
`7`	`9`
`@@ -73,7 +75,7 @@`
`73`	`75`	`}`
`74`	`76`
`75`	`77`	`[part='list'] {`
`76`		`- min-height: rem(200px) !important;`
	`78`	`+ min-height: calc(var(--size) * var(--item-count)) !important;`
`77`	`79`	`outline-style: none;`
`78`	`80`	`}`
`79`	`81`
Original file line number	Diff line number	Diff line change
`@@ -67,6 +67,10 @@ $dropdown-theme: dropdown-theme.$indigo;`
`67`	`67`	`}`
`68`	`68`	`}`
`69`	`69`
	`70`	`+[part='list'] {`
	`71`	`+ min-height: calc(var(--size) * var(--item-count) + rem(16px)) !important;`
	`72`	`+}`
	`73`	`+`
`70`	`74`	`[part='filter-input'] {`
`71`	`75`	`padding: pad-inline(rem(12px));`
`72`	`76`	`}`