Fix menu item hover

2019-09-26 10:24:13 +02:00 · 2019-09-26 10:24:13 +02:00 · 3db58aa969
commit 3db58aa969
parent 637403d44f
1 changed files with 6 additions and 0 deletions
--- a/src/components/AppLayout/MenuList.tsx
+++ b/src/components/AppLayout/MenuList.tsx
@ -44,10 +44,16 @@ const styles = (theme: Theme) =>
      boxShadow: "0px 0px 12px 1px rgba(0,0,0,0.2)"
    },
    menuItemHover: {
+      "& p": {
+        transition: "color 0.5s ease"
+      },
      "& path": {
        transition: "fill 0.5s ease"
      },
      "&:hover": {
+        "& p": {
+          color: theme.palette.primary.main
+        },
        "& path": {
          fill: theme.palette.primary.main
        },