From 3db58aa9693ee4ce47ed7fce41c35c00cb824d64 Mon Sep 17 00:00:00 2001 From: Krzysztof Bialoglowicz Date: Thu, 26 Sep 2019 10:24:13 +0200 Subject: [PATCH] Fix menu item hover --- src/components/AppLayout/MenuList.tsx | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/src/components/AppLayout/MenuList.tsx b/src/components/AppLayout/MenuList.tsx index 30dbfb43d..362bde67a 100644 --- 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 },