mirror of
https://github.com/ant-design/ant-design.git
synced 2025-01-18 22:36:31 +08:00
Unify menu item height
This commit is contained in:
parent
57d5038d1c
commit
9ddbad1088
@ -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…
Reference in New Issue
Block a user