refactor(combo): use CSS variable to set item count

simeonoff · simeonoff · commit ad179c921a2e · 2025-09-02T09:58:41.000+03:00
diff --git a/projects/igniteui-angular/src/lib/core/styles/components/combo/_combo-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/combo/_combo-theme.scss
@@ -98,12 +98,14 @@
     }
 
     %igx-combo__content {
+        --item-count: 6;
+
         position: relative;
         overflow: hidden;
-        max-height: calc(var(--size) * 6);
+        max-height: calc(var(--size) * var(--item-count));
 
         @if $variant == 'indigo' {
-            max-height: calc(var(--size) * 6 + rem(16px));
+            max-height: calc(var(--size) * var(--item-count) + rem(16px));
         }
 
         &:focus {

Original file line number	Diff line number	Diff line change
`@@ -98,12 +98,14 @@`
`98`	`98`	`}`
`99`	`99`
`100`	`100`	`%igx-combo__content {`
	`101`	`+ --item-count: 6;`
	`102`	`+`
`101`	`103`	`position: relative;`
`102`	`104`	`overflow: hidden;`
`103`		`- max-height: calc(var(--size) * 6);`
	`105`	`+ max-height: calc(var(--size) * var(--item-count));`
`104`	`106`
`105`	`107`	`@if $variant == 'indigo' {`
`106`		`- max-height: calc(var(--size) * 6 + rem(16px));`
	`108`	`+ max-height: calc(var(--size) * var(--item-count) + rem(16px));`
`107`	`109`	`}`
`108`	`110`
`109`	`111`	`&:focus {`