From c00134ec82660258e7690b3e30c0091f054a434e Mon Sep 17 00:00:00 2001 From: desig9stein Date: Tue, 25 Mar 2025 08:40:43 +0200 Subject: [PATCH 1/2] fix(grid): sorting icon color --- .../styles/components/grid/_grid-theme.scss | 20 +++++++++++++++++++ 1 file changed, 20 insertions(+) diff --git a/projects/igniteui-angular/src/lib/core/styles/components/grid/_grid-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/grid/_grid-theme.scss index d6c6cb7511d..e42f5bdaabb 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/grid/_grid-theme.scss +++ b/projects/igniteui-angular/src/lib/core/styles/components/grid/_grid-theme.scss @@ -2105,6 +2105,10 @@ .sort-icon { color: var-get($theme, 'header-selected-text-color'); + + //> igx-icon { + // color: inherit; + //} ::after { background: var-get($theme, 'header-selected-background'); @@ -2133,10 +2137,18 @@ &%igx-grid-th--sorted { .sort-icon { color: var-get($theme, 'header-selected-text-color'); + + > igx-icon { + color: inherit; + } &:focus, &:hover { color: var-get($theme, 'header-selected-text-color'); + + > igx-icon { + color: inherit; + } } } } @@ -2190,9 +2202,17 @@ .sort-icon { opacity: 1; color: var-get($theme, 'sorted-header-icon-color'); + + > igx-icon { + color: inherit; + } &:hover { color: var-get($theme, 'sortable-header-icon-hover-color'); + + > igx-icon { + color: inherit; + } } } } From 9dcd72cce737c6df3519f167b2e6b326c1f72610 Mon Sep 17 00:00:00 2001 From: desig9stein Date: Tue, 25 Mar 2025 08:49:28 +0200 Subject: [PATCH 2/2] chor(grid): remove commented code --- .../src/lib/core/styles/components/grid/_grid-theme.scss | 4 ---- 1 file changed, 4 deletions(-) diff --git a/projects/igniteui-angular/src/lib/core/styles/components/grid/_grid-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/grid/_grid-theme.scss index e42f5bdaabb..bd51ae16c3f 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/grid/_grid-theme.scss +++ b/projects/igniteui-angular/src/lib/core/styles/components/grid/_grid-theme.scss @@ -2106,10 +2106,6 @@ .sort-icon { color: var-get($theme, 'header-selected-text-color'); - //> igx-icon { - // color: inherit; - //} - ::after { background: var-get($theme, 'header-selected-background'); }