Fix #167: gutter realignment with wrapped lines #188

Closed
fen wants to merge 0 commits from fix-167 into dev
Collaborator

QA of PR #179 on palette-dev failed: paste-lines.js splits .codeline spans correctly, but app.css had no .gutline rule, so gutter number spans rendered inline (all at the same top) and numbers 6+ fell off when wrap was enabled.

Fix: .gutter .gutline { display: block; } — one gutter number per visual wrapped row, block-level per gutline.

Verified in a local build (headless chromium, wrap forced ON, long unbroken token on line 5):

  • 1400x900: 20 gutlines for 16 logical lines (line 5 wraps into 5 rows), all display: block, strictly increasing tops, 36.7px each, zero gutter clipping, no horizontal scroll.
  • 375x812: 23 gutlines (line 5 wraps into 8 rows), all block, strictly increasing, zero clipping, no horizontal scroll on document or code column.

go build ./... and go test ./... pass. Closes #167.

QA of PR #179 on palette-dev failed: paste-lines.js splits .codeline spans correctly, but app.css had no .gutline rule, so gutter number spans rendered inline (all at the same top) and numbers 6+ fell off when wrap was enabled. Fix: `.gutter .gutline { display: block; }` — one gutter number per visual wrapped row, block-level per gutline. Verified in a local build (headless chromium, wrap forced ON, long unbroken token on line 5): - 1400x900: 20 gutlines for 16 logical lines (line 5 wraps into 5 rows), all `display: block`, strictly increasing tops, 36.7px each, zero gutter clipping, no horizontal scroll. - 375x812: 23 gutlines (line 5 wraps into 8 rows), all block, strictly increasing, zero clipping, no horizontal scroll on document or code column. `go build ./...` and `go test ./...` pass. Closes #167.
fen added 1 commit 2026-09-10 16:39:46 +00:00
Fix #167: block-level gutline spans so gutter numbers align with wrapped lines
CI / docker (pull_request) Skipped
CI / test (pull_request) Successful in 43s
158c0fe4b6
QA on dev showed .codeline spans wrap correctly but gutter .gutline spans
rendered inline (all at the same top), so numbers 6+ fell off with wrap on.
Add .gutter .gutline { display: block; } so each gutter number occupies its
own visual row, matching the one-number-per-visual-row contract of
paste-lines.js. Verified rendered output in a local build at 1400x900 and
375x812 with a long unbroken token on line 5 and wrap ON.
fen closed this pull request 2026-09-10 16:42:56 +00:00
fen deleted branch fix-167 2026-09-10 16:42:56 +00:00

Pull request closed

This pull request cannot be reopened because the branch was deleted.
Sign in to join this conversation.