diff --git a/components/menu/style/index.less b/components/menu/style/index.less index a6f046d75b..d6863abc67 100644 --- a/components/menu/style/index.less +++ b/components/menu/style/index.less @@ -2,7 +2,7 @@ @import "../../style/mixins/index"; @menu-prefix-cls: ~"@{ant-prefix}-menu"; -@menu-inline-toplevel-item-height: 54px; +@menu-inline-toplevel-item-height: 40px; @menu-item-height: 40px; // default theme @@ -15,8 +15,9 @@ z-index: @zindex-dropdown; box-shadow: @box-shadow-base; background: @component-background; - line-height: 46px; + line-height: 0; // Fix display inline-block gap transition: background .3s, width .2s; + .clearfix; ul, ol { @@ -166,16 +167,6 @@ border-right: 0; } } - > .@{menu-prefix-cls}-item:first-child { - border-radius: @border-radius-base @border-radius-base 0 0; - } - > .@{menu-prefix-cls}-item:last-child, - > .@{menu-prefix-cls}-item-group:last-child > .@{menu-prefix-cls}-item-group-list:last-child > .@{menu-prefix-cls}-item:last-child { - border-radius: 0 0 @border-radius-base @border-radius-base; - } - > .@{menu-prefix-cls}-item:only-child { - border-radius: @border-radius-base; - } } &-inline { @@ -323,6 +314,7 @@ border-bottom: @border-width-base @border-style-base @border-color-split; box-shadow: none; z-index: 0; + line-height: 46px; > .@{menu-prefix-cls}-item, > .@{menu-prefix-cls}-submenu { @@ -364,6 +356,10 @@ font-size: @font-size-base; line-height: @menu-item-height; height: @menu-item-height; + margin-top: 4px; + margin-bottom: 4px; + display: inline-block; + width: 100%; overflow: hidden; text-overflow: ellipsis; }