From d1f816dcba3b14aa1f507ef2e5185de88b1cac08 Mon Sep 17 00:00:00 2001 From: didimmova Date: Thu, 21 May 2026 16:44:37 +0300 Subject: [PATCH 1/2] fix(date-picker): update indigo elevations --- .../styles/components/date-picker/_date-picker-theme.scss | 8 +------- 1 file changed, 1 insertion(+), 7 deletions(-) diff --git a/projects/igniteui-angular/core/src/core/styles/components/date-picker/_date-picker-theme.scss b/projects/igniteui-angular/core/src/core/styles/components/date-picker/_date-picker-theme.scss index 988b39fdde9..c134cbc1f50 100644 --- a/projects/igniteui-angular/core/src/core/styles/components/date-picker/_date-picker-theme.scss +++ b/projects/igniteui-angular/core/src/core/styles/components/date-picker/_date-picker-theme.scss @@ -25,10 +25,8 @@ background: var-get($theme, 'content-background'); overflow: hidden; - @if $variant == 'indigo' and $theme-variant == 'light' { + @if $variant == 'indigo' { box-shadow: $border-shadow, elevation(5); - } @else if $variant == 'indigo' and $theme-variant == 'dark' { - box-shadow: $border-shadow, elevation(7); } igx-calendar, @@ -49,10 +47,6 @@ flex: 1 0 0; flex-direction: column; box-shadow: $border-shadow, elevation(3); - - @if $variant == 'indigo' and $theme-variant == 'dark' { - box-shadow: $border-shadow, elevation(2); - } } %date-picker__buttons { From 41ef459723706236d6f6e6eca7d2ea3ec4fce6d6 Mon Sep 17 00:00:00 2001 From: didimmova Date: Wed, 27 May 2026 11:56:48 +0300 Subject: [PATCH 2/2] fix(grid): update excel and advanced filtering shadows --- .../src/core/styles/components/grid/_excel-filtering-theme.scss | 2 +- .../core/src/core/styles/components/grid/_grid-theme.scss | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/projects/igniteui-angular/core/src/core/styles/components/grid/_excel-filtering-theme.scss b/projects/igniteui-angular/core/src/core/styles/components/grid/_excel-filtering-theme.scss index cb3070acd29..6792018792b 100644 --- a/projects/igniteui-angular/core/src/core/styles/components/grid/_excel-filtering-theme.scss +++ b/projects/igniteui-angular/core/src/core/styles/components/grid/_excel-filtering-theme.scss @@ -40,7 +40,7 @@ flex-grow: 1; @if $variant == 'indigo' { - box-shadow: elevation(if($theme-variant == 'light', 3, 2)), 0 0 0 rem(1px) var-get($theme, 'excel-filtering-border-color'); + box-shadow: elevation(3), 0 0 0 rem(1px) var-get($theme, 'excel-filtering-border-color'); // TODO: The border-radius should not be hardcoded. border-radius: border-radius(rem(4px)); diff --git a/projects/igniteui-angular/core/src/core/styles/components/grid/_grid-theme.scss b/projects/igniteui-angular/core/src/core/styles/components/grid/_grid-theme.scss index a5f9779a215..9c3f1c496cb 100644 --- a/projects/igniteui-angular/core/src/core/styles/components/grid/_grid-theme.scss +++ b/projects/igniteui-angular/core/src/core/styles/components/grid/_grid-theme.scss @@ -2692,7 +2692,7 @@ %advanced-filtering-dialog { background: var-get($theme, 'filtering-dialog-background'); - box-shadow: elevation(if($variant == 'indigo', if($theme-variant == 'light', 24, 23), 24)); + box-shadow: elevation(24); @if $variant == 'material' or $variant == 'bootstrap' { border-radius: rem(4px);