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

crisbeto · web-flow · commit 1c1ebfd87be2 · 2024-12-19T17:10:42.000+02:00
Fixes that the sort header wasn't showing the arrow when it's focused. Fixes #30196.
diff --git a/src/material/sort/sort-header.scss b/src/material/sort/sort-header.scss
@@ -79,6 +79,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
`@@ -79,6 +79,8 @@`
`79`	`79`	`@include token-utils.create-token-slot(color, arrow-color);`
`80`	`80`	`}`
`81`	`81`
	`82`	`+ .mat-sort-header.cdk-keyboard-focused &,`
	`83`	`+ .mat-sort-header.cdk-program-focused &,`
`82`	`84`	`.mat-sort-header:hover & {`
`83`	`85`	`opacity: 0.54;`
`84`	`86`	`}`