fix: horizontal menu in dark & dark

ant-design · Aug 6, 2020 · a8d7497 · a8d7497
1 parent 53ef8be
commit a8d7497
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 8 deletions.
diff --git a/components/menu/style/dark.less b/components/menu/style/dark.less
@@ -36,6 +36,10 @@
     border-bottom: 0;
   }
 
+  &-dark&-horizontal > &-item:hover {
+    background-color: @menu-dark-item-active-bg;
+  }
+
   &-dark&-horizontal > &-item > a::before {
     bottom: 0;
   }

diff --git a/components/menu/style/index.less b/components/menu/style/index.less
@@ -350,6 +350,14 @@
         padding: @menu-item-padding;
         padding-right: 0;
         padding-left: 0;
+
+        &:hover,
+        &-active,
+        &-open,
+        &-selected {
+          color: @menu-highlight-color;
+          border-bottom: 2px solid @menu-highlight-color;
+        }
       }
     }
 
@@ -360,14 +368,6 @@
       display: inline-block;
       vertical-align: bottom;
       border-bottom: 2px solid transparent;
-
-      &:hover,
-      &-active,
-      &-open,
-      &-selected {
-        color: @menu-highlight-color;
-        border-bottom: 2px solid @menu-highlight-color;
-      }
     }
 
     > .@{menu-prefix-cls}-submenu > .@{menu-prefix-cls}-submenu-title {