ceos/unsloth
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Keep generated image loading dots animated (#5786)

Browse source
This commit is contained in:
Wasim Yousef Said 2026-05-26 13:37:18 +02:00 • committed by GitHub
commit fb65fed3b0
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 9 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

13
studio/frontend/src/index.css
View file

@ -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 <Spinner /> 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 <Spinner /> 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;
}
}