Skip to content

style(desktop): draw Files changed's unmodified-lines band as one surface - #3833

Merged
luke-agent[bot] merged 3 commits into
mainfrom
luke/files-changed-separator
Oct 19, 2026
Merged

luke-agent[bot] merged 3 commits into
mainfrom
luke/files-changed-separator

Conversation

@dastratakos

@dastratakos dastratakos commented Oct 19, 2026 •

Copy link
Copy Markdown
Contributor

Summary

The developer's note: "I don't like how the 'unmodified lines' button has a different background."

Pierre's line-info-basic separator draws its wrapper on the code's ground (--diffs-bg), and its arrows and "N unmodified lines" on the band's ground (--diffs-bg-separator), with a 2px code-ground seam after the arrow. The label read as a box pasted onto a strip.

LOOK_CSS now overrides it (as #3818 did for the gutter "+"):

  • The wrapper takes the band's ground (--diffs-bg-separator, which LIST_CSS sets to --luke-color-fill-hover since style(desktop): Files changed as cards that share one edge, with a quiet fold and a clearer header #3794) across the card's full width.
  • The arrows and label have no ground or border of their own.
  • Only the arrow fills under the pointer (--luke-color-fill-pressed).
  • The label stays clickable, with no underline and no fill: it's a bigger target than the arrow.
    • Pierre opens both ends of a gap from the label, which at the file's top or foot isn't what the arrow opens.
    • So the label lets the pointer through (pointer-events: none) to the arrow, whose press area (::after) now spans the band's width. The label opens exactly the arrow's lines: 20 at a time, or all of a short gap.
    • Hovering the band lifts the label's ink to --luke-color-text-muted.

Screenshots

Electron under xvfb, PR #2908's build.mjs, 900px.

light dark
before
after
after, arrow hovered
after, label hovered
label clicked (347 → 327 lines left, as the arrow does)

Evidence

Made with Luke

View guided diff Turn on auto-fix

…face

Pierre filled the band's row with the code's ground and its arrows and words
with the band's, so they read as a box pasted onto a strip. The row now takes
the band's ground across the card, the arrows and words stand on it with no
ground of their own, and only an arrow answers the pointer.

Co-authored-by: luke-agent[bot] <339870089+luke-agent[bot]@users.noreply.github.com>
@vercel

vercel Bot commented Oct 19, 2026 •

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated
luke-web Ready Ready Preview Oct 19, 2026 12:40pm UTC

Request Review

The label stays a target, a bigger one than the arrow: it lets the pointer
through to the arrow, whose press now runs the band's width, so it opens the
arrow's lines rather than both ends of a gap. Hovering the band lifts the
label's ink; the fill stays on the arrow.

Co-authored-by: luke-agent[bot] <339870089+luke-agent[bot]@users.noreply.github.com>
@luke-agent
luke-agent Bot marked this pull request as ready for review October 19, 2026 12:33
@luke-agent
luke-agent Bot enabled auto-merge October 19, 2026 12:33
devin-ai-integration[bot]

This comment was marked as resolved.

Co-authored-by: luke-agent[bot] <339870089+luke-agent[bot]@users.noreply.github.com>
@luke-agent
luke-agent Bot added this pull request to the merge queue Oct 19, 2026
Merged via the queue into main with commit bb69e6f Oct 19, 2026
11 checks passed
@luke-agent
luke-agent Bot deleted the luke/files-changed-separator branch October 19, 2026 12:44

This branch was successfully deployed

1 active deployment
Preview — 51c6e1da Deployed Oct 19, 2026 by vercel[bot]
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