refactor: use designers styling preference

ProjectMirador · Nov 25, 2024 · 9603e9b · 9603e9b
1 parent 076311b
commit 9603e9b
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/src/components/WindowViewSettings.js b/src/components/WindowViewSettings.js
@@ -16,8 +16,17 @@ const ViewOption = styled(MenuItem, { name: 'WindowViewSettings', slot: 'option'
     ...(selected && {
       borderBottomColor: theme.palette.secondary.main,
     }),
-    backgroundColor: 'transparent !important',
+    '&.Mui-selected': {
+      backgroundColor: 'transparent !important',
+    },
+    '&.Mui-selected.Mui-focusVisible': {
+      backgroundColor: `${(theme.vars || theme).palette.action.focus} !important`,
+    },
+    '&:focused': {
+      backgroundColor: `${(theme.vars || theme).palette.action.focus} !important`,
+    },
     color: selected ? theme.palette.secondary.main : undefined,
+    display: 'inline-block',
   },
 }));