ztr/TelegramPWA
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Profile: Fix avatar flicker on collapse animation (#6335)

Browse Source
This commit is contained in:
zubiden 2025-10-08 12:33:45 +02:00 committed by Alexander Zinchuk
parent 0d910da7b2
commit 92d50dced8
1 changed files with 3 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
src/components/common/profile/ProfileInfo.module.scss
View File

@ -468,20 +468,7 @@
@include mixins.on-active-vt('profileExpand') { @include mixins.on-active-vt('profileExpand') {
&::view-transition-old(.avatar) { &::view-transition-old(.avatar) {
:local { z-index: -1;
animation-name: fadeOut;
animation-duration: 0.1s;
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
} }
&::view-transition-new(.avatar) { &::view-transition-new(.avatar) {
@ -511,21 +498,7 @@
@include mixins.on-active-vt('profileCollapse') { @include mixins.on-active-vt('profileCollapse') {
&::view-transition-new(.avatar) { &::view-transition-new(.avatar) {
:local { z-index: -1;
animation-name: fadeIn;
animation-duration: 0.125s;
animation-delay: 0.125s;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
} }
&::view-transition-old(.avatar) { &::view-transition-old(.avatar) {
@ -542,11 +515,8 @@
} }
25% { 25% {
clip-path: inset(0 0 0 0 round 50%);
}
50% {
opacity: 1; opacity: 1;
clip-path: inset(0 0 0 0 round 50%);
} }
to { to {