From bb720aaab98c53ee5ed7bb705171c3a29788dc4d Mon Sep 17 00:00:00 2001
From: Jiabin Peng <png.inside@gmail.com>
Date: Mon, 23 Apr 2018 00:31:36 +0800
Subject: [PATCH]  Fix menu item's clickable region in dark theme (#10187)

* remove redundant style for submenu

* Fix menu item's clickable region in dark theme
---
 components/menu/style/dark.less  |  4 ++++
 components/menu/style/index.less | 18 +++++++++---------
 2 files changed, 13 insertions(+), 9 deletions(-)

diff --git a/components/menu/style/dark.less b/components/menu/style/dark.less
index dee1689a6e..51084c2232 100644
--- a/components/menu/style/dark.less
+++ b/components/menu/style/dark.less
@@ -33,6 +33,10 @@
     border-bottom: 0;
   }
 
+  &-dark&-horizontal > &-item > a:before {
+    bottom: 0;
+  }
+
   &-dark &-item,
   &-dark &-item-group-title,
   &-dark &-item > a {
diff --git a/components/menu/style/index.less b/components/menu/style/index.less
index aebad1b585..d39012749c 100644
--- a/components/menu/style/index.less
+++ b/components/menu/style/index.less
@@ -277,16 +277,16 @@
         border-bottom: 2px solid @menu-highlight-color;
         color: @menu-highlight-color;
       }
+    }
 
-      > a {
-        display: block;
-        color: @menu-item-color;
-        &:hover {
-          color: @menu-highlight-color;
-        }
-        &:before {
-          bottom: -2px;
-        }
+    > .@{menu-prefix-cls}-item > a {
+      display: block;
+      color: @menu-item-color;
+      &:hover {
+        color: @menu-highlight-color;
+      }
+      &:before {
+        bottom: -2px;
       }
     }