mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-06-08 01:53:34 +08:00
Code Issues Actions 18 Packages Projects Releases Wiki Activity

fix: Badge Animation enter and leave in RTL

Browse Source
This commit is contained in:
Hamed Mohammadzadeh 2022-03-22 02:44:19 +04:30 committed by GitHub
parent 0a90ac34c7
commit 87f1866032
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 34 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
components/badge/style/rtl.less
View File

@ -30,6 +30,19 @@
} }
} }
} }
&-zoom-appear,
&-zoom-enter {
.@{badge-prefix-cls}-rtl & {
animation-name: antZoomBadgeInRtl;
}
}
&-zoom-leave {
.@{badge-prefix-cls}-rtl & {
animation-name: antZoomBadgeOutRtl;
}
}
} }
.@{ribbon-prefix-cls}-rtl { .@{ribbon-prefix-cls}-rtl {
@ -65,3 +78,24 @@
} }
} }
} }
@keyframes antZoomBadgeInRtl {
0% {
transform: scale(0) translate(-50%, -50%);
opacity: 0;
}
100% {
transform: scale(1) translate(-50%, -50%);
}
}
@keyframes antZoomBadgeOutRtl {
0% {
transform: scale(1) translate(-50%, -50%);
}
100% {
transform: scale(0) translate(-50%, -50%);
opacity: 0;
}
}