feat(icon-button): fix focus styles not showing

didimmova · didimmova · commit 8760c82c476b · 2025-04-22T13:06:06.000+03:00
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
@@ -243,7 +243,7 @@
         }
     }
 
-    [igxIconButton='flat'].igx-button--focused {
+    %igx-icon-button--flat.igx-button--focused {
         background: var-get($flat-theme, 'focus-background');
         color: var-get($flat-theme, 'focus-foreground');
 
@@ -388,7 +388,7 @@
         }
     }
 
-    [igxIconButton='outlined'].igx-button--focused {
+    %igx-icon-button--outlined.igx-button--focused {
         background: var-get($outlined-theme, 'focus-background');
         color: var-get($outlined-theme, 'focus-foreground');
 

Original file line number	Diff line number	Diff line change
`@@ -243,7 +243,7 @@`
`243`	`243`	`}`
`244`	`244`	`}`
`245`	`245`
`246`		`- [igxIconButton='flat'].igx-button--focused {`
	`246`	`+ %igx-icon-button--flat.igx-button--focused {`
`247`	`247`	`background: var-get($flat-theme, 'focus-background');`
`248`	`248`	`color: var-get($flat-theme, 'focus-foreground');`
`249`	`249`
`@@ -388,7 +388,7 @@`
`388`	`388`	`}`
`389`	`389`	`}`
`390`	`390`
`391`		`- [igxIconButton='outlined'].igx-button--focused {`
	`391`	`+ %igx-icon-button--outlined.igx-button--focused {`
`392`	`392`	`background: var-get($outlined-theme, 'focus-background');`
`393`	`393`	`color: var-get($outlined-theme, 'focus-foreground');`
`394`	`394`