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 (
<div
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}
{isDead && (