mirror/element-plus
2
0
Fork 0
mirror of https://github.com/element-plus/element-plus.git synced 2025-02-17 11:49:41 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(style): use flex replace float & fix vertical center (#3523)

Browse Source
This commit is contained in:
云游君 2021-09-21 02:23:44 +08:00 committed by GitHub
parent 8acb9dc0eb
commit 9fddcf42fa
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 9 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
packages/theme-chalk/src/menu.scss
View File

@ -53,19 +53,19 @@
padding-left: 0;
background-color: var(--el-menu-background-color);
box-sizing: border-box;
@include utils-clearfix;
&.#{$namespace}-menu--horizontal {
@include m(horizontal) {
display: flex;
flex-wrap: nowrap;
border-bottom: solid 1px var(--el-menu-border-color);
}
@include m(horizontal) {
border-right: none;
& > .#{$namespace}-menu-item {
float: left;
display: inline-flex;
justify-content: center;
align-items: center;
height: 60px;
line-height: 60px;
margin: 0;
border-bottom: 2px solid transparent;
color: var(--el-text-color-secondary);
@ -81,8 +81,6 @@
}
}
& > .#{$namespace}-sub-menu {
float: left;
&:focus,
&:hover {
outline: none;
@ -123,9 +121,9 @@
& .#{$namespace}-menu-item,
& .#{$namespace}-sub-menu__title {
background-color: $--color-white;
float: none;
display: flex;
align-items: center;
height: 36px;
line-height: 36px;
padding: 0 10px;
color: var(--el-text-color-secondary);
}