test/ant-design
1
0
Fork 0
mirror of https://gitee.com/ant-design/ant-design.git synced 2024-11-30 11:08:45 +08:00
Code Issues Actions 68 Packages Projects Releases Wiki Activity

💄 Fix Badge animation jump when count is ReactNode

Browse Source 
close #13800
This commit is contained in:
afc163 2018-12-26 18:58:52 +08:00
parent d064c0966b
commit 5727bbc36a
No known key found for this signature in database
GPG Key ID: 738F973FCE5C6B48
1 changed files with 6 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
components/badge/style/index.less
View File

@ -12,7 +12,6 @@
color: unset;
&-count {
top: -@badge-height / 2;
height: @badge-height;
border-radius: @badge-height / 2;
min-width: @badge-height;
@ -37,7 +36,6 @@
}
&-dot {
top: -@badge-dot-size / 2;
height: @badge-dot-size;
width: @badge-dot-size;
border-radius: 100%;
@ -51,12 +49,9 @@
.@{number-prefix-cls}-custom-component {
position: absolute;
right: 0;
transform: translateX(50%);
transform-origin: 100%;
}
.@{number-prefix-cls}-custom-component {
top: 0;
transform: translate(50%, -50%);
transform-origin: 100% 0%;
}
&-status {
@ -159,19 +154,19 @@
@keyframes antZoomBadgeIn {
0% {
opacity: 0;
transform: scale(0) translateX(50%);
transform: scale(0) translate(50%, -50%);
}
100% {
transform: scale(1) translateX(50%);
transform: scale(1) translate(50%, -50%);
}
}
@keyframes antZoomBadgeOut {
0% {
transform: scale(1) translateX(50%);
transform: scale(1) translate(50%, -50%);
}
100% {
opacity: 0;
transform: scale(0) translateX(50%);
transform: scale(0) translate(50%, -50%);
}
}