diff --git a/packages/studio/src/player/components/LayerDisclosureRow.tsx b/packages/studio/src/player/components/LayerDisclosureRow.tsx index 6ce5e339b..ef5b580a2 100644 --- a/packages/studio/src/player/components/LayerDisclosureRow.tsx +++ b/packages/studio/src/player/components/LayerDisclosureRow.tsx @@ -95,9 +95,9 @@ export function LayerDisclosureRow({ - - {name} - + {/* Wraps rather than truncating: a truncated name needs a hover to be + read, which a scanned column cannot rely on. */} + {name} {children} {/* Anchored right, on every header that has one: the lane toggle is the diff --git a/packages/studio/src/player/components/TimelineGroupHeader.tsx b/packages/studio/src/player/components/TimelineGroupHeader.tsx index 64a1fa941..d477f732a 100644 --- a/packages/studio/src/player/components/TimelineGroupHeader.tsx +++ b/packages/studio/src/player/components/TimelineGroupHeader.tsx @@ -65,7 +65,9 @@ function GroupNameButton({ - {label} + {/* Wraps rather than truncating — a name that needs a hover to be read + is no use in a column you scan. */} + {label}