From fb65fed3b0f0c4a91ca88043da19b95424ba26c6 Mon Sep 17 00:00:00 2001 From: Wasim Yousef Said Date: Tue, 26 May 2026 13:37:18 +0200 Subject: [PATCH] Keep generated image loading dots animated (#5786) --- studio/frontend/src/index.css | 13 +++++++++---- 1 file changed, 9 insertions(+), 4 deletions(-) diff --git a/studio/frontend/src/index.css b/studio/frontend/src/index.css index 8a1fe13678..a3a1e8dad0 100644 --- a/studio/frontend/src/index.css +++ b/studio/frontend/src/index.css @@ -1244,11 +1244,11 @@ * end state. Hover colour changes become instant rather than fading, which is * the documented WCAG outcome (motion is "minimised, not removed"). * - * .animate-spin is the exception: loading spinners are essential progress + * .animate-spin and generated image loading dots are the exceptions: loading * indicators across Studio (tool execution loaders, sonner toasts, Tauri - * startup / update screens, the primitive). Freezing them - * removes the only visual signal that work is in flight, so they keep - * animating but at a slower, less aggressive 1.5s cadence. + * startup / update screens, the primitive, and image generation + * cards). Freezing them removes the only visual signal that work is in flight, + * so they keep animating. */ @media (prefers-reduced-motion: reduce) { *, @@ -1264,4 +1264,9 @@ animation-duration: 1.5s !important; animation-iteration-count: infinite !important; } + + .generated-image-loading-dot { + animation-duration: 1850ms !important; + animation-iteration-count: infinite !important; + } }