Give the traceback button its width back
Reserving a slot for all three status controls left 72px for a node's title, against about 140px before. Only the stop button and the dot come and go on their own; the traceback button appears when a node newly fails and goes when someone acknowledges it, which is a thing to notice rather than a flicker. It goes back in the row, and the title gets 106px. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_016ZeGnqVsf5VHQqvz4HdUhN
This commit is contained in:
@@ -226,11 +226,14 @@ function FlowNodeComponent({ data, selected }: NodeProps) {
|
|||||||
{typeLabel}
|
{typeLabel}
|
||||||
</span>
|
</span>
|
||||||
</span>
|
</span>
|
||||||
{/* Each control sits in a slot that is there whether the control
|
{/* This and the dot below sit in slots that are there whether the
|
||||||
is or not. They come and go with what the node is doing — and a
|
control is or not: both come and go on their own — a node running
|
||||||
node running many times a second comes and goes that often — so
|
many times a second mounts and unmounts this on every execution —
|
||||||
in the flex row itself they would resize the card on every
|
and in the flex row itself that resizes the card each time, which
|
||||||
execution, which reads as a flickering shape. */}
|
reads as a flickering shape. The traceback button below is left
|
||||||
|
in the row on purpose: it appears when a node newly fails and
|
||||||
|
goes when someone acknowledges it, which is a thing to notice
|
||||||
|
rather than a flicker, and a slot for it costs the title 34px. */}
|
||||||
<span className="flex size-6 shrink-0 items-center justify-center">
|
<span className="flex size-6 shrink-0 items-center justify-center">
|
||||||
{running ? (
|
{running ? (
|
||||||
<Tooltip>
|
<Tooltip>
|
||||||
@@ -259,7 +262,6 @@ function FlowNodeComponent({ data, selected }: NodeProps) {
|
|||||||
) : null}
|
) : null}
|
||||||
</span>
|
</span>
|
||||||
|
|
||||||
<span className="flex size-6 shrink-0 items-center justify-center">
|
|
||||||
{(status === "error" || failedEarlier) && onShowLogs ? (
|
{(status === "error" || failedEarlier) && onShowLogs ? (
|
||||||
<Tooltip>
|
<Tooltip>
|
||||||
<TooltipTrigger asChild>
|
<TooltipTrigger asChild>
|
||||||
@@ -300,7 +302,6 @@ function FlowNodeComponent({ data, selected }: NodeProps) {
|
|||||||
</TooltipContent>
|
</TooltipContent>
|
||||||
</Tooltip>
|
</Tooltip>
|
||||||
) : null}
|
) : null}
|
||||||
</span>
|
|
||||||
|
|
||||||
<span className="flex size-2 shrink-0 items-center justify-center">
|
<span className="flex size-2 shrink-0 items-center justify-center">
|
||||||
{style ? (
|
{style ? (
|
||||||
|
|||||||
Reference in New Issue
Block a user