alexei.dolgolyov/notify-bridge
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 31 Wiki Activity

fix: remove all transform from stagger/fade animations

Browse Source 
Any transform (even transform:none) in animation keyframes with
fill-mode creates a containing block that traps position:fixed
overlays. Removed transform entirely — fade-in only with opacity.
This commit is contained in:
Admin
2026-03-22 20:55:19 +03:00
parent f9a4ccf725
commit d8a1af0c9e
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/app.css
+6 -6
View File
@@ -132,8 +132,8 @@ a:focus-visible {
/* Animations */ /* Animations */
@keyframes fadeSlideIn { @keyframes fadeSlideIn {
from { opacity: 0; translate: 0 12px; } from { opacity: 0; }
to { opacity: 1; translate: none; } to { opacity: 1; }
} }
@keyframes shimmer { @keyframes shimmer {
@@ -147,12 +147,12 @@ a:focus-visible {
} }
@keyframes countUp { @keyframes countUp {
from { opacity: 0; transform: translateY(8px); } from { opacity: 0; }
to { opacity: 1; transform: translateY(0); } to { opacity: 1; }
} }
.animate-fade-slide-in { .animate-fade-slide-in {
animation: fadeSlideIn 0.4s ease-out both; animation: fadeSlideIn 0.4s ease-out forwards;
} }
.animate-shimmer { .animate-shimmer {
@@ -171,7 +171,7 @@ a:focus-visible {
/* Stagger children utility */ /* Stagger children utility */
.stagger-children > * { .stagger-children > * {
animation: fadeSlideIn 0.4s ease-out both; animation: fadeSlideIn 0.4s ease-out forwards;
} }
.stagger-children > *:nth-child(1) { animation-delay: 0ms; } .stagger-children > *:nth-child(1) { animation-delay: 0ms; }
.stagger-children > *:nth-child(2) { animation-delay: 60ms; } .stagger-children > *:nth-child(2) { animation-delay: 60ms; }