From b609145f6ab91b5b5a94ac1bb323ebbfbe2db93d Mon Sep 17 00:00:00 2001
From: Jimmy <jim_zm@163.com>
Date: Sun, 25 Jul 2021 15:13:21 +0800
Subject: [PATCH] style: remove bg-color of menu items at ':focus' state in
 vertical mode (#2659)

---
 packages/theme-chalk/src/menu.scss | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/packages/theme-chalk/src/menu.scss b/packages/theme-chalk/src/menu.scss
index d56219eb4f..13a7603cf8 100644
--- a/packages/theme-chalk/src/menu.scss
+++ b/packages/theme-chalk/src/menu.scss
@@ -38,6 +38,9 @@
   &:hover,
   &:focus {
     outline: none;
+  }
+
+  &:hover {
     background-color: var(--el-menu-item-hover-fill);
   }
 
@@ -86,6 +89,9 @@
       &:focus,
       &:hover {
         outline: none;
+      }
+
+      &:hover {
         .#{$namespace}-submenu__title {
           color: var(--el-color-text-primary);
         }
@@ -189,6 +195,10 @@
           transform: none;
         }
       }
+
+      &.is-active i {
+        color: var(--el-color-primary);
+      }
     }
   }
   @include m(popup) {