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

Fixes that the sort header wasn't showing the arrow when it's focused. Fixes #30196.
angular · Dec 19, 2024 · 1c1ebfd · 1c1ebfd
1 parent 22d96e1
commit 1c1ebfd
Showing 1 changed file with 2 additions and 0 deletions.
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;
   }