fix layout animation blocking card clicks when reduce motion is on

This commit is contained in:
2026-02-16 18:38:04 +02:00
parent 2f3060738e
commit f80a3d5d0e

View File

@@ -134,14 +134,14 @@ export function CardThumbnail({ card, boardLabels, columnId, onCardClick, isFocu
className={`w-full rounded-lg bg-pylon-surface shadow-sm text-left ${
isFocused ? "ring-2 ring-pylon-accent ring-offset-2 ring-offset-pylon-column" : ""
}`}
layoutId={`card-${card.id}`}
layoutId={prefersReducedMotion ? undefined : `card-${card.id}`}
variants={fadeSlideUp}
initial={prefersReducedMotion ? false : "hidden"}
animate="visible"
whileHover={{ scale: 1.02, y: -2, boxShadow: "0 4px 12px oklch(0% 0 0 / 10%)" }}
whileTap={{ scale: 0.98 }}
transition={springs.bouncy}
layout
layout={!prefersReducedMotion}
{...attributes}
{...listeners}
role="article"