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(theme-chalk): el-menu arrow icon style (#4230)

Browse Source
This commit is contained in:
Aex 2021-11-05 14:58:15 +08:00 committed by GitHub
parent 068cb65dde
commit c2571b59c7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 16 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -258,19 +258,6 @@
display: none !important;
}
}
@include e(icon-more) {
margin-right: 0 !important;
}
@include e(icon-arrow) {
position: absolute;
top: 50%;
right: 20px;
margin-top: -7px;
transition: transform var(--el-transition-duration);
font-size: 12px !important;
margin-right: 0 !important;
width: inherit !important;
}
@include when(active) {
.#{$namespace}-sub-menu__title {
border-bottom-color: var(--el-menu-active-color);
@ -289,12 +276,27 @@
background: none !important;
}
}
[class^='#{$namespace}-icon'] {
.#{$namespace}-icon {
vertical-align: middle;
margin-right: 5px;
width: 24px;
text-align: center;
font-size: 18px;
&.#{$namespace}-sub-menu__icon-more {
margin-right: 0 !important;
}
&.#{$namespace}-sub-menu__icon-arrow {
position: absolute;
top: 50%;
right: 20px;
margin-top: -7px;
transition: transform var(--el-transition-duration);
font-size: 12px;
margin-right: 0;
width: inherit;
}
}
}