From 2b7e9466a4a9b9c25b246329e98a0a2efcd21ae8 Mon Sep 17 00:00:00 2001 From: sivanova Date: Mon, 3 Jun 2024 12:54:56 +0200 Subject: [PATCH 1/2] fix(ESF): buttons border styles --- .../styles/components/grid/_excel-filtering-theme.scss | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/projects/igniteui-angular/src/lib/core/styles/components/grid/_excel-filtering-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/grid/_excel-filtering-theme.scss index 6c41eb2d058..09d7d30a3c9 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/grid/_excel-filtering-theme.scss +++ b/projects/igniteui-angular/src/lib/core/styles/components/grid/_excel-filtering-theme.scss @@ -105,8 +105,16 @@ color($color: 'secondary', $variant: 500) )}; --item-border-color: transparent; + --item-hover-border-color: transparent; + --item-focused-border-color: #{if( + $variant == 'fluent', + color($color: 'gray', $variant: 700), + transparent + )}; --item-selected-border-color: transparent; + --item-selected-hover-border-color: transparent; --item-disabled-border: transparent; + --disabled-selected-border-color: transparent; } @include tree(tree-theme( From 70ba2aca1837b50f5fc7775a437f84972ca592e3 Mon Sep 17 00:00:00 2001 From: sivanova Date: Mon, 3 Jun 2024 13:29:12 +0200 Subject: [PATCH 2/2] fix(ESF): button styles --- .../components/grid/_excel-filtering-theme.scss | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/projects/igniteui-angular/src/lib/core/styles/components/grid/_excel-filtering-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/grid/_excel-filtering-theme.scss index 09d7d30a3c9..195c5d69cb6 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/grid/_excel-filtering-theme.scss +++ b/projects/igniteui-angular/src/lib/core/styles/components/grid/_excel-filtering-theme.scss @@ -98,12 +98,24 @@ --item-hover-background: #{color($color: 'gray', $variant: 100)}; --item-selected-background: #{color($color: 'gray', $variant: 100)}; --item-text-color: #{color($color: 'gray', $variant: 700)}; + --item-icon-color: #{color($color: 'gray', $variant: 700)}; --item-hover-text-color: #{color($color: 'gray', $variant: 800)}; + --item-hover-icon-color: #{color($color: 'gray', $variant: 800)}; --item-selected-text-color: #{if( $variant == 'indigo-design', contrast-color($color: 'surface'), color($color: 'secondary', $variant: 500) )}; + --item-selected-icon-color: #{if( + $variant == 'indigo-design', + contrast-color($color: 'surface'), + color($color: 'secondary', $variant: 500) + )}; + --item-selected-hover-icon-color: #{if( + $variant == 'fluent', + color($color: 'secondary', $variant: 500), + contrast-color($color: 'gray', $variant: 50) + )}; --item-border-color: transparent; --item-hover-border-color: transparent; --item-focused-border-color: #{if(