Skip to content

fix(app-space): widen multi-lane fork timeline to use full horizontal space - #2913

Merged
jung-thomas merged 3 commits into
DEVfrom
worktree-app-space-fork-width
Oct 24, 2026
Merged

jung-thomas merged 3 commits into
DEVfrom
worktree-app-space-fork-width

Conversation

@jung-thomas

Copy link
Copy Markdown
Contributor

Problem

App-space fork tracks with 3–4 parallel lanes were crammed into the single-column 740px timeline cap. Each lane got ~160px, forcing card titles to wrap one word per line, while the right ~1/3 of the viewport sat empty. Looked broken.

Fix

Scale .timeline max-width with the widest fork's lane count:

max-width: max(740px, calc(var(--max-lanes, 1) * 280px));
  • New maxLaneCount(track) helper computes the max lanes across the track's fork segments; bound to --max-lanes on .timeline.
  • Linear/cluster tracks (max-lanes = 1) keep the readable 740px cap — no change.
  • Multi-lane forks widen up to ~280px/lane, clamped by the 1200px .content-area parent.

Verification

Drove the island in a Vite harness with a 4-lane fork fixture at 1424px viewport (matching the reported screenshot):

Before After
Timeline width 740px 1120px
Per-lane width ~160px 268px

Titles now wrap at 3–4 words/line; empty right gutter gone; fork/join connectors still align to each lane bubble. See screenshots in thread.

No new test failures (the 20 pre-existing app-space jsdom failures are identical on base — unrelated to this change). No app-space type errors.

Source .vue only; the hashed hugo/static/js/app-space-*.js bundle is build-generated (untracked).

release v1.41.0 DEV to main promotion
… space

Fork tracks with 3-4 lanes were squished into the single-column 740px
timeline cap, wrapping lane-card titles to one word per line while the
right two-thirds of the viewport sat empty.

Scale the timeline max-width with the widest fork's lane count
(~280px/lane, clamped by the 1200px .content-area). Linear/cluster
tracks keep the readable 740px cap. A 4-lane fork now spans 1120px
(268px/lane vs ~160px before).
@jung-thomas
jung-thomas merged commit ad09fe3 into DEV Oct 24, 2026
5 of 6 checks passed
@jung-thomas
jung-thomas deleted the worktree-app-space-fork-width branch October 24, 2026 14:02
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant