improve responsive behavior of menuitem

CartoDB · Jul 27, 2023 · b314726 · b314726
1 parent 23b9ce5
commit b314726
Showing 1 changed file with 14 additions and 1 deletion.
diff --git a/packages/react-ui/src/theme/sections/components/navigation.js b/packages/react-ui/src/theme/sections/components/navigation.js
@@ -10,6 +10,12 @@ export const navigationOverrides = {
         height: theme.spacing(4),
         transition: 'background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms',
 
+        [theme.breakpoints.up('sm')]: {
+          // Overrides an unwanted Mui default style
+          '&.MuiButtonBase-root': {
+            minHeight: theme.spacing(4)
+          }
+        },
         '&:focus-visible': {
           // Solves a known Mui issue: https://github.com/mui/material-ui/issues/23747
           backgroundColor: 'transparent',
@@ -42,7 +48,14 @@ export const navigationOverrides = {
       }),
       dense: ({ theme }) => ({
         minHeight: theme.spacing(3),
-        height: theme.spacing(3)
+        height: theme.spacing(3),
+
+        [theme.breakpoints.up('sm')]: {
+          // Overrides an unwanted Mui default style
+          '&.MuiButtonBase-root': {
+            minHeight: theme.spacing(3)
+          }
+        }
       })
     }
   },