Browse Source

Unify menu item height

pull/7841/merge
afc163 7 years ago
parent
commit
9ddbad1088
  1. 20
      components/menu/style/index.less

20
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;
}

Loading…
Cancel
Save