From 61a0dca2197a7b35976178977ce2b1dee209ba82 Mon Sep 17 00:00:00 2001 From: Zane Staggs Date: Fri, 6 Feb 2026 08:49:15 -0800 Subject: [PATCH] fix: ensure animated elements are visible when prefers-reduced-motion is enabled User messages use opacity-0 with an appear animation to fade in. When prefers-reduced-motion is enabled, animations are disabled but the opacity remained at 0, making messages invisible. This fix ensures elements with both opacity-0 and animate-* classes are set to opacity: 1 when reduced motion is preferred. --- ui/desktop/src/styles/main.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/ui/desktop/src/styles/main.css b/ui/desktop/src/styles/main.css index 7d94ab3a0740..1a6c2f936ec6 100644 --- a/ui/desktop/src/styles/main.css +++ b/ui/desktop/src/styles/main.css @@ -373,6 +373,11 @@ [class*='animate-[wind'] { animation: none !important; } + + /* Elements that use opacity-0 with appear animation need to be visible when animations are disabled */ + .opacity-0[class*='animate-'] { + opacity: 1 !important; + } } /* Toast close button styling */