Scope player card transitions: ring/shadow fast, fade/transform slow

transition-all duration-1000 on PlayerParticipantCard wrapper slowed current-
turn ring/border animation. Turn pointer visibly laggy at 400ms turn intervals.

Fix: scoped transition properties. opacity/transform/filter/border-color = 1s
for fade/death animations. box-shadow = 300ms for current-turn ring highlight,
so turn pointer snaps between participants while fades stay smooth.
This commit is contained in:
david raistrick
2026-07-06 22:48:10 -04:00
parent dbe018825b
commit 9159755846
+1 -1
View File
@@ -2597,7 +2597,7 @@ function PlayerParticipantCard({ id, isActive, status, onExit, className, childr
return ( return (
<div <div
ref={divRef} ref={divRef}
className={`transition-all duration-1000 ease-in-out ${fadeClass} ${deathClass} ${className}`} className={`[transition:opacity_1s_ease-in-out,transform_1s_ease-in-out,filter_1s_ease-in-out,border-color_1s_ease-in-out,box-shadow_300ms_ease-in-out] ${fadeClass} ${deathClass} ${className}`}
> >
{children} {children}
{isDead && ( {isDead && (