From 90d702338d812da3e070014a4f3254ec81999b50 Mon Sep 17 00:00:00 2001 From: Jannis Braun <151788261+TheZwiss@users.noreply.github.com> Date: Sat, 21 Mar 2026 18:20:02 +0100 Subject: [PATCH] feat: add slideDown animation for upward-flipping popovers --- packages/web/src/styles/globals.css | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/packages/web/src/styles/globals.css b/packages/web/src/styles/globals.css index e81a17a9..79e302d1 100644 --- a/packages/web/src/styles/globals.css +++ b/packages/web/src/styles/globals.css @@ -325,6 +325,16 @@ animation: slideUp 0.15s ease-out; } +/* Slides into place from above — used for popovers that open upward */ +@keyframes slideDown { + from { transform: translateY(-10px); opacity: 0; } + to { transform: translateY(0); opacity: 1; } +} + +.animate-slide-down { + animation: slideDown 0.15s ease-out; +} + @keyframes typingFadeIn { from { transform: translateY(4px); opacity: 0; } to { transform: translateY(0); opacity: 1; }