Skip to content

style(editor): wash the selection so a dragged range is visible - #10

Merged
iamgp merged 2 commits into
mainfrom
style/selection-wash
Sep 17, 2026
Merged

iamgp merged 2 commits into
mainfrom
style/selection-wash

Conversation

@iamgp

@iamgp iamgp commented Sep 17, 2026

Copy link
Copy Markdown
Contributor

Follow-up to the UI v2 stack: two commits were made just after #8 was merged, so they never reached main. This PR brings them over unchanged.

  • style(editor): wash the selection so a dragged range is visible — the selection overlay keeps its two-pixel accent outline and now also fills with the accent at 15%, so a dragged range reads as one block instead of a hairline rectangle. Mapped-field overlays, the fill handle and the version-diff colours are untouched.
  • docs(editor): default the bundled dev server to port 4173 — npm run dev:bundled fell back to 5173, the same port as npm run dev; Vite's preview default keeps the two side by side without an explicit --port.

Verified: npm test (144 passed), npx tsc -b, npm run lint, and a drag of A2:C6 in the running build shows the wash in both themes (overlay computes to oklab(... / 0.15) over the accent outline).

`npm run dev:bundled` without a PORT fell back to 5173, the same port as
`npm run dev`, so running both needed an explicit --port. Vite's preview
default (4173) keeps the two side by side out of the box.
The selection was an outline only, which made a large range hard to see while
dragging it. Selected cells now carry a translucent accent wash under the
outline, so the range reads as a block as it grows; text stays readable
through it and the fill handle is unchanged.
@iamgp
iamgp merged commit d6d6d90 into main Sep 17, 2026
6 checks passed
@iamgp
iamgp deleted the style/selection-wash branch September 17, 2026 13:20
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