refactor(drop-down): items icon size (#15967)

SisIvanova · web-flow · commit cd00bb32460c · 2025-06-26T16:56:52.000+03:00
diff --git a/projects/igniteui-angular/src/lib/core/styles/components/drop-down/_drop-down-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/drop-down/_drop-down-theme.scss
@@ -299,20 +299,16 @@
             bottom: 0;
         }
 
-        igx-icon {
+        igx-icon,
+        igc-icon {
             justify-content: center;
-            --component-size: 1;
-
-            @if $variant == 'fluent' {
-                --component-size: 3;
-            }
 
             @if $variant == 'indigo' {
                 $icon-size: sizable(rem(14px), rem(16px), rem(16px));
 
-                width: var(--ig-icon-size, $icon-size);
-                height: var(--ig-icon-size, $icon-size);
-                font-size: var(--ig-icon-size, $icon-size);
+                --size: #{$icon-size};
+            } @else {
+                --component-size: 1;
             }
         }
     }

Original file line number	Diff line number	Diff line change
`@@ -299,20 +299,16 @@`
`299`	`299`	`bottom: 0;`
`300`	`300`	`}`
`301`	`301`
`302`		`- igx-icon {`
	`302`	`+ igx-icon,`
	`303`	`+ igc-icon {`
`303`	`304`	`justify-content: center;`
`304`		`- --component-size: 1;`
`305`		`-`
`306`		`- @if $variant == 'fluent' {`
`307`		`- --component-size: 3;`
`308`		`- }`
`309`	`305`
`310`	`306`	`@if $variant == 'indigo' {`
`311`	`307`	`$icon-size: sizable(rem(14px), rem(16px), rem(16px));`
`312`	`308`
`313`		`- width: var(--ig-icon-size, $icon-size);`
`314`		`- height: var(--ig-icon-size, $icon-size);`
`315`		`- font-size: var(--ig-icon-size, $icon-size);`
	`309`	`+ --size: #{$icon-size};`
	`310`	`+ } @else {`
	`311`	`+ --component-size: 1;`
`316`	`312`	`}`
`317`	`313`	`}`
`318`	`314`	`}`