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

didimmova · web-flow · commit af4357444421 · 2025-04-23T17:21:48.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
@@ -244,7 +244,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');
 
@@ -389,7 +389,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
`@@ -244,7 +244,7 @@`
`244`	`244`	`}`
`245`	`245`	`}`
`246`	`246`
`247`		`- [igxIconButton='flat'].igx-button--focused {`
	`247`	`+ %igx-icon-button--flat.igx-button--focused {`
`248`	`248`	`background: var-get($flat-theme, 'focus-background');`
`249`	`249`	`color: var-get($flat-theme, 'focus-foreground');`
`250`	`250`
`@@ -389,7 +389,7 @@`
`389`	`389`	`}`
`390`	`390`	`}`
`391`	`391`
`392`		`- [igxIconButton='outlined'].igx-button--focused {`
	`392`	`+ %igx-icon-button--outlined.igx-button--focused {`
`393`	`393`	`background: var-get($outlined-theme, 'focus-background');`
`394`	`394`	`color: var-get($outlined-theme, 'focus-foreground');`
`395`	`395`