From 2ccc6da0de202de89bc90af750c2591173a4b63d Mon Sep 17 00:00:00 2001 From: Adrian Petrov Date: Fri, 6 Jun 2025 14:33:28 +0300 Subject: [PATCH] fix(button): active-shadow property is not applied --- .../lib/core/styles/components/button/_button-theme.scss | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/projects/igniteui-angular/src/lib/core/styles/components/button/_button-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/button/_button-theme.scss index e431e1bb1a4..93f0ba40041 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/button/_button-theme.scss +++ b/projects/igniteui-angular/src/lib/core/styles/components/button/_button-theme.scss @@ -39,7 +39,7 @@ /// @param {Color} $resting-shadow [null] - The shadow of the button in its idle state. /// @param {Color} $hover-shadow [null] - The shadow of the button in its hover state. /// @param {Color} $focus-shadow [null] - The shadow of the button in its focus state. -/// @param {Color} $active-shadow [null] - The shadow of the button in its focus state. +/// @param {Color} $active-shadow [null] - The shadow of the button in its active state. /// @param {Color} $disabled-background [null] - The disabled background color of the button. /// @param {Color} $disabled-foreground [null] - The disabled text color of the button. /// @param {Color} $disabled-icon-color [null] - The disabled icon color of the button. @@ -771,7 +771,7 @@ color: var-get($contained-theme, 'active-foreground'); background: var-get($contained-theme, 'active-background'); border-color: var-get($contained-theme, 'active-border-color'); - box-shadow: var-get($contained-theme, 'hover-shadow'); + box-shadow: var-get($contained-theme, 'active-shadow'); igx-icon { color: var-get($contained-theme, 'active-foreground'); @@ -911,7 +911,7 @@ color: var-get($fab-theme, 'active-foreground'); background: var-get($fab-theme, 'active-background'); border-color: var-get($fab-theme, 'active-border-color'); - box-shadow: var-get($fab-theme, 'focus-shadow'); + box-shadow: var-get($fab-theme, 'active-shadow'); igx-icon { color: var-get($fab-theme, 'active-foreground');