Fix menu item's clickable region in dark theme (#10187)

* remove redundant style for submenu * Fix menu item's clickable region in dark theme
7 years ago · bb720aaab9
2 changed files with 13 additions and 9 deletions
--- 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 {
--- 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;
      }
    }