test/element-plus
1
0
Fork 0
mirror of https://gitee.com/element-plus/element-plus.git synced 2024-12-04 20:27:44 +08:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

fix: el-zoom-in-top transition (#565)

Browse Source 
adjust transform-origin when popper with el-zoom-in-top transition place in top
This commit is contained in:
Simona 2020-11-10 14:25:29 +08:00 committed by GitHub
parent c5fc8b4e9a
commit efe892109c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
packages/theme-chalk/src/cascader.scss
View File

@ -83,15 +83,12 @@
box-shadow: $--cascader-menu-shadow; box-shadow: $--cascader-menu-shadow;
.el-popper__arrow { .el-popper__arrow {
left: 35px;
&::before { &::before {
border: $--cascader-menu-border; border: $--cascader-menu-border;
} }
} }
&[data-popper-placement^="top"] { &[data-popper-placement^="top"] {
transform-origin: bottom center;
.el-popper__arrow::before { .el-popper__arrow::before {
border-top-color: transparent; border-top-color: transparent;
border-left-color: transparent; border-left-color: transparent;

4
packages/theme-chalk/src/common/transition.scss
View File

@ -45,6 +45,10 @@
transform: scaleY(1); transform: scaleY(1);
transition: $--md-fade-transition; transition: $--md-fade-transition;
transform-origin: center top; transform-origin: center top;
&[data-popper-placement^="top"] {
transform-origin: center bottom;
}
} }
.el-zoom-in-top-enter-from, .el-zoom-in-top-enter-from,
.el-zoom-in-top-leave-active { .el-zoom-in-top-leave-active {