From 65c8fbca4fad3a392b7e7b7afb7de26e1fe3905f Mon Sep 17 00:00:00 2001 From: Dilyana Dimova Date: Wed, 30 Mar 2022 09:18:25 +0300 Subject: [PATCH 1/2] style(grid): fix sort icon opacity so it shows --- .../src/lib/core/styles/components/grid/_grid-theme.scss | 9 +-------- 1 file changed, 1 insertion(+), 8 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 8bdfceff224..944b0616443 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 @@ -1769,17 +1769,10 @@ %igx-grid-th--filtrable-sortable { .sort-icon { - &:hover { - opacity: 1; - } + opacity: 1; } } - .sort-icon { - opacity: 0; - transition: all 250ms ease-in-out; - } - %grid-cell-header-icons--cosy { height: map.get($grid-header-height, 'cosy'); } From 72b4a5cbc20e3ed946ca60a28884812fdbc5a2ed Mon Sep 17 00:00:00 2001 From: Dilyana Dimova Date: Wed, 30 Mar 2022 11:45:41 +0300 Subject: [PATCH 2/2] style(grid): style sort icon --- .../lib/core/styles/components/grid/_grid-theme.scss | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) 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 944b0616443..d3717f048a9 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 @@ -1769,10 +1769,19 @@ %igx-grid-th--filtrable-sortable { .sort-icon { - opacity: 1; + cursor: pointer; + opacity: .7; + + &:hover { + opacity: 1; + } } } + .sort-icon { + transition: all 250ms ease-in-out; + } + %grid-cell-header-icons--cosy { height: map.get($grid-header-height, 'cosy'); }