From 6f404f8f5d54d0b6d600206ac61dee12fa1c3102 Mon Sep 17 00:00:00 2001 From: didimmova Date: Wed, 29 Jan 2025 14:19:48 +0200 Subject: [PATCH 1/2] fix(icon-button): add z-index to material outlined button --- .../core/styles/components/icon-button/_icon-button-theme.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/projects/igniteui-angular/src/lib/core/styles/components/icon-button/_icon-button-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/icon-button/_icon-button-theme.scss index c6ba1bb5113..08996511bca 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/icon-button/_icon-button-theme.scss +++ b/projects/igniteui-angular/src/lib/core/styles/components/icon-button/_icon-button-theme.scss @@ -364,6 +364,7 @@ @if $variant == 'material' { border: none; + z-index: 0; &::after { position: absolute; From 9d0a4251061d32ffb4dcb46299a53456765acfdc Mon Sep 17 00:00:00 2001 From: didimmova Date: Thu, 30 Jan 2025 13:40:11 +0200 Subject: [PATCH 2/2] fix(icon-button): remove z-index of material outlined button after element --- .../core/styles/components/icon-button/_icon-button-theme.scss | 2 -- 1 file changed, 2 deletions(-) diff --git a/projects/igniteui-angular/src/lib/core/styles/components/icon-button/_icon-button-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/icon-button/_icon-button-theme.scss index 08996511bca..c86141d239b 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/icon-button/_icon-button-theme.scss +++ b/projects/igniteui-angular/src/lib/core/styles/components/icon-button/_icon-button-theme.scss @@ -364,14 +364,12 @@ @if $variant == 'material' { border: none; - z-index: 0; &::after { position: absolute; content: ''; inset: 0; box-shadow: inset 0 0 0 rem(1px) var-get($outlined-theme, 'border-color'); - z-index: -1; border-radius: inherit; }