From f9a4ccf7251a5a770709f5a197aad93df83e2fa3 Mon Sep 17 00:00:00 2001
From: "alexei.dolgolyov" <dolgolyov.alexei@gmail.com>
Date: Sun, 22 Mar 2026 20:49:33 +0300
Subject: [PATCH] fix: stagger animation breaking position:fixed overlays

The fadeSlideIn animation used transform:translateY which creates a
new containing block, trapping position:fixed children (EntitySelect).
Switched to the CSS translate property which doesn't create a
containing block.
---
 frontend/src/app.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/app.css b/frontend/src/app.css
index 1be9f4c..456c8fe 100644
--- a/frontend/src/app.css
+++ b/frontend/src/app.css
@@ -132,8 +132,8 @@ a:focus-visible {
 
 /* Animations */
 @keyframes fadeSlideIn {
-	from { opacity: 0; transform: translateY(12px); }
-	to { opacity: 1; transform: translateY(0); }
+	from { opacity: 0; translate: 0 12px; }
+	to { opacity: 1; translate: none; }
 }
 
 @keyframes shimmer {