From 1249d33aac94c6949b960133610b4b19dc6ed235 Mon Sep 17 00:00:00 2001 From: Padreug Date: Wed, 17 Jun 2026 09:52:34 +0200 Subject: [PATCH] feat(ui): disable enter/exit animations on overlays globally MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Reka-ui overlays (dialog, sheet, popover, dropdown, tooltip, …) animate their open/close via the data-state open/closed attribute. Zero the animation duration globally in index.css so overlays appear/dismiss instantly — no fade/zoom/slide. Verified the dialog still mounts and unmounts correctly (Presence resolves at 0s). Pulse/spin loaders and CSS transitions (hovers, the favourite heart pop) are untouched. Co-Authored-By: Claude Opus 4.8 (1M context) --- src/assets/index.css | 13 +++++++++++++ 1 file changed, 13 insertions(+) diff --git a/src/assets/index.css b/src/assets/index.css index 36e2976..d4da37b 100644 --- a/src/assets/index.css +++ b/src/assets/index.css @@ -221,3 +221,16 @@ background: transparent; } } + +/* + * Disable enter/exit animations on reka-ui overlays (dialog, sheet, + * popover, dropdown, tooltip, …) app-wide. They animate via the + * data-state open/closed attribute; zeroing the duration keeps the final + * state but removes the motion (overlays appear/disappear instantly). + * Pulse/spin loaders and CSS transitions (e.g. hovers, the favourite + * heart pop) are unaffected. + */ +[data-state='open'], +[data-state='closed'] { + animation-duration: 0s !important; +}