fix: ensure animated elements are visible when prefers-reduced-motion is enabled (#7047)

2026-02-06 11:27:08 -08:00
parent 3dcb03c6c7
commit 4dc1fbedd0
1 changed files with 5 additions and 0 deletions
--- 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 */