Merge pull request #29 from Th1nhNg0/master

fix menu responsive
BigBasket · Oct 21, 2021 · 83be8b2 · 83be8b2
2 parents 6a22594 + d3edd5f
commit 83be8b2
Showing 1 changed file with 15 additions and 2 deletions.
diff --git a/src/TreeMenu.js b/src/TreeMenu.js
@@ -27,6 +27,16 @@ const useStyles = makeStyles(
             [theme.breakpoints.up('md')]: {
                 marginTop: '1.5em',
             },
+            transition: theme.transitions.create("width", {
+                easing: theme.transitions.easing.sharp,
+                duration: theme.transitions.duration.leavingScreen,
+            }),
+        },
+        open: {
+            width: 200,
+        },
+        closed: {
+            width: 55,
         },
     }),
     { name: 'RaTreeMenu' }
@@ -120,7 +130,7 @@ const Menu = (props) => {
         else if (resource.name) {
             resourcename = translate(`resources.${resource.name}.name`);
             if (resourcename.startsWith('resources.'))
-                resourcename =  geResourceName(resource.name);
+                resourcename = geResourceName(resource.name);
         }
         return resourcename;
     }
@@ -213,7 +223,10 @@ const Menu = (props) => {
     return (
         <div>
             <div
-                className={classnames(classes.main, className)}
+                className={classnames(classes.main, className, {
+                    [classes.open]: open,
+                    [classes.closed]: !open,
+                })}
                 {...rest}
             >
                 {hasDashboard && (