fix(icons): avoid hidden spinner animations (#1476)

This commit is contained in:
Sam Potts
2026-04-28 16:24:53 +10:00
committed by GitHub
parent cce48c01fa
commit c388dd35a9
11 changed files with 65 additions and 72 deletions
@@ -1,4 +1,4 @@
export const bufferingIndicator = {
root: 'absolute inset-0 hidden items-center justify-center pointer-events-none text-white data-visible:flex',
root: 'absolute inset-0 hidden items-center justify-center pointer-events-none text-white not-data-visible:[--media-spinner-animation:none] data-visible:flex',
container: 'p-1 rounded-full',
};
@@ -13,6 +13,6 @@ export const preview = {
spinner: cn(
'absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 opacity-0',
'transition-opacity duration-150 ease-out',
'group-has-[[role=img][data-loading]]/preview:opacity-100'
'group-not-has-[[role=img][data-loading]]/preview:[--media-spinner-animation:none] group-has-[[role=img][data-loading]]/preview:opacity-100'
),
};