fix(material/sort): show arrow on focus (#30217)

crisbeto · crisbeto · commit 10e752a52400 · 2024-12-19T17:10:44.000+02:00
Fixes that the sort header wasn't showing the arrow when it's focused. Fixes #30196. (cherry picked from commit 1c1ebfd)
diff --git a/src/material/sort/sort-header.scss b/src/material/sort/sort-header.scss
@@ -78,6 +78,8 @@
     @include token-utils.create-token-slot(color, arrow-color);
   }
 
+  .mat-sort-header.cdk-keyboard-focused &,
+  .mat-sort-header.cdk-program-focused &,
   .mat-sort-header:hover & {
     opacity: 0.54;
   }

Original file line number	Diff line number	Diff line change
`@@ -78,6 +78,8 @@`
`78`	`78`	`@include token-utils.create-token-slot(color, arrow-color);`
`79`	`79`	`}`
`80`	`80`
	`81`	`+ .mat-sort-header.cdk-keyboard-focused &,`
	`82`	`+ .mat-sort-header.cdk-program-focused &,`
`81`	`83`	`.mat-sort-header:hover & {`
`82`	`84`	`opacity: 0.54;`
`83`	`85`	`}`