Browse Source
style: 💄 update Menu.Item horizontal style (#25622)
* refactor: menu style
* chore
* chore
* fix: site style
pull/25809/head
07akioni
4 years ago
committed by
GitHub
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with
12 additions and
0 deletions
-
components/menu/style/index.less
-
site/theme/template/Layout/Header/Navigation.less
|
|
@ -338,6 +338,12 @@ |
|
|
position: relative; |
|
|
position: relative; |
|
|
top: 1px; |
|
|
top: 1px; |
|
|
display: inline-block; |
|
|
display: inline-block; |
|
|
|
|
|
margin: @menu-item-padding; |
|
|
|
|
|
margin-top: 0; |
|
|
|
|
|
margin-bottom: 0; |
|
|
|
|
|
padding: @menu-item-padding; |
|
|
|
|
|
padding-right: 0; |
|
|
|
|
|
padding-left: 0; |
|
|
vertical-align: bottom; |
|
|
vertical-align: bottom; |
|
|
border-bottom: 2px solid transparent; |
|
|
border-bottom: 2px solid transparent; |
|
|
|
|
|
|
|
|
@ -350,6 +356,10 @@ |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
> .@{menu-prefix-cls}-submenu > .@{menu-prefix-cls}-submenu-title { |
|
|
|
|
|
padding: 0; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
> .@{menu-prefix-cls}-item { |
|
|
> .@{menu-prefix-cls}-item { |
|
|
a { |
|
|
a { |
|
|
color: @menu-item-color; |
|
|
color: @menu-item-color; |
|
|
|
|
|
@ -15,6 +15,8 @@ |
|
|
& > .ant-menu-submenu { |
|
|
& > .ant-menu-submenu { |
|
|
min-width: 72px; |
|
|
min-width: 72px; |
|
|
height: @header-height; |
|
|
height: @header-height; |
|
|
|
|
|
margin-right: 0; |
|
|
|
|
|
margin-left: 0; |
|
|
line-height: @header-height - @menu-item-border - 2px; |
|
|
line-height: @header-height - @menu-item-border - 2px; |
|
|
border-top: @menu-item-border solid transparent; |
|
|
border-top: @menu-item-border solid transparent; |
|
|
|
|
|
|
|
|
|
