fix(theme): show arrow when MuiTableSortLabel receives focus

Signed-off-by: logonoff <git@logonoff.co>
2025-04-28 15:02:11 -04:00
parent 424f3bc20b
commit 1b14572859
2 changed files with 9 additions and 0 deletions
@@ -0,0 +1,5 @@
+---
+'@backstage/theme': patch
+---
+
+Show arrow when MuiTableSortLabel receives focus
@@ -162,6 +162,10 @@ export const defaultComponentThemes: ThemeOptions['components'] = {
        '&:focus': {
          color: 'inherit',
        },
+        // Targets the arrow when the label is focused
+        '&:focus svg': {
+          opacity: 0.5,
+        },
        // Bold font for highlighting selected column
        '&.Mui-active': {
          fontWeight: 'bold',