From c139636a09d252de0622cb338a2e962c508750d8 Mon Sep 17 00:00:00 2001 From: sivanova Date: Fri, 20 Jun 2025 16:48:15 +0300 Subject: [PATCH 1/3] fix(drop-down): items icon size --- .../components/drop-down/_drop-down-theme.scss | 12 ++++-------- 1 file changed, 4 insertions(+), 8 deletions(-) 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 index 269339629f1..0c68aa0fbb6 100644 --- 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 @@ -301,18 +301,14 @@ igx-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); + --ig-icon-size: #{$icon-size}; + --igx-icon-size: #{$icon-size}; + } @else { + --component-size: 1; } } } From 00416f52f303926a0423b6361818da483606c70d Mon Sep 17 00:00:00 2001 From: Simeon Simeonoff Date: Thu, 26 Jun 2025 16:35:43 +0300 Subject: [PATCH 2/3] refactor(dropdown): use --size for sizing the icons in items --- .../lib/core/styles/components/drop-down/_drop-down-theme.scss | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) 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 index 0c68aa0fbb6..85c4e5f55f0 100644 --- 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 @@ -305,8 +305,7 @@ @if $variant == 'indigo' { $icon-size: sizable(rem(14px), rem(16px), rem(16px)); - --ig-icon-size: #{$icon-size}; - --igx-icon-size: #{$icon-size}; + --size: #{$icon-size}; } @else { --component-size: 1; } From 89292f4bc74716039be9d815e4b06b7ff5e73b7f Mon Sep 17 00:00:00 2001 From: Simeon Simeonoff Date: Thu, 26 Jun 2025 16:41:58 +0300 Subject: [PATCH 3/3] refactor(dropdown): handle icon size for igc-icons in igx-drop-down-item(s) --- .../lib/core/styles/components/drop-down/_drop-down-theme.scss | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) 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 index 85c4e5f55f0..c3e7b03b572 100644 --- 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,7 +299,8 @@ bottom: 0; } - igx-icon { + igx-icon, + igc-icon { justify-content: center; @if $variant == 'indigo' {