Skip to content

Workflow drawer flowchart: wires dangle, nodes overlap the parallel frame, run summary unclamped #1652

Closed

Description

@Birfy

Reported by the owner on the workflow stage drawer for FlyBot PR 快线 (narrow drawer, ~400–530px): 「这个流程图显示的效果很差,连线都是乱的」.

Observed:

  • a long empty vertical line above the graph, and stray vertical/horizontal wire segments attached to no node;
  • the parallel-branch dashed frame (「并行分支 · 全部通过后汇合」) has wires crossing outside the nodes, and nodes overlap the frame;
  • the run description card above the graph is a long raw text blob (task summary with shas, timestamps…).

Expected: wires connect node to node (fork/join from one point, orthogonal, computed from the drawn boxes after layout/resize), no dangling segments, no huge gap, the graph fits narrow widths, and the run summary is clamped to 2–3 lines with an expand control.

Likely cause to verify: .wf-node / .wf-par declare position:relative after .wf-abs{position:absolute}, so drawn boxes fall back into normal flow while the SVG wires use the stored absolute coordinates.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions