javascript/element-plus
1
0
Fork 0
mirror of https://github.com/element-plus/element-plus.git synced 2026-03-13 07:51:17 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(theme-chalk): [menu] arrow position error in popup (#10960)

Browse Source
This commit is contained in:
qiang
2022-12-12 20:25:34 +08:00
committed by GitHub
parent b9853474ec
commit d004a8ff95
1 changed files with 4 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -70,13 +70,6 @@
#{getCssVar('menu-level-padding')}
);
}
& .#{$namespace}-sub-menu__title {
padding-right: calc(
#{getCssVar('menu-base-level-padding')} + #{getCssVar(
'menu-icon-width'
)}
);
}
}
}
@@ -134,13 +127,6 @@
background-color: getCssVar('bg-color', 'overlay');
}
}
& .#{$namespace}-sub-menu__icon-arrow {
position: static;
vertical-align: middle;
margin-left: 8px;
margin-top: -3px;
}
}
& .#{$namespace}-menu {
& .#{$namespace}-menu-item,
@@ -278,6 +264,9 @@
@include e(title) {
@include menu-item;
padding-right: calc(
#{getCssVar('menu-base-level-padding')} + #{getCssVar('menu-icon-width')}
);
&:hover {
background-color: getCssVar('menu-hover-bg-color');
@@ -323,7 +312,7 @@
position: absolute;
top: 50%;
right: getCssVar('menu-base-level-padding');
margin-top: -7px;
margin-top: -6px;
transition: transform getCssVar('transition-duration');
font-size: 12px;
margin-right: 0;