mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-01-19 06:43:16 +08:00
Code Issues Actions 26 Packages Projects Releases Wiki Activity

Unify menu item height

Browse Source
This commit is contained in:
afc163 2017-10-12 18:14:07 +08:00
parent 57d5038d1c
commit 9ddbad1088
1 changed files with 8 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
components/menu/style/index.less
View File

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