rotate icon when open

mui · Sep 28, 2020 · 96812f8 · 96812f8
1 parent cd8a28e
commit 96812f8
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/docs/src/modules/components/AppDrawerNavItem.js b/docs/src/modules/components/AppDrawerNavItem.js
@@ -38,10 +38,14 @@ const useStyles = makeStyles((theme) => ({
       marginLeft: -6,
       color: theme.palette.text.secondary,
     },
+    '& svg$open': {
+      transform: 'rotate(90deg)',
+    },
     '&:hover svg': {
       color: theme.palette.text.primary,
     },
   },
+  open: {},
   link: {
     ...theme.typography.body2,
     borderRadius: theme.shape.borderRadius,
@@ -118,7 +122,7 @@ export default function AppDrawerNavItem(props) {
         onClick={handleClick}
         style={style}
       >
-        <ArrowRight />
+        <ArrowRight className={open ? classes.open : ''} />
         {title}
       </button>
       <Collapse in={open} timeout="auto" unmountOnExit>