Accent labels centred, bold without shift (#546) #558

Closed
kayg wants to merge 0 commits from issue/546-swatch-labels into dev
Owner

Closes #546.

  • Accent swatches: each name is centred under its dot (a centred flex column). The bold name is sized by a hidden bold copy, so selecting a swatch does not move any label.
  • Fixes a generic .dot rule (margin-left: auto) that pushed the swatch dot to the edge.
  • New e2e apps/web/e2e/accent-labels.spec.ts (chromium-1440, webkit-390): labels centred under dots; no label centre moves more than 0.5 px as each swatch is selected. Shift is measured on the centre, since centred text keeps its centre when it goes bold.

Tests: accent-labels spec passes on chromium-1440 and webkit-390 (--no-deps --workers=1). svelte-check: 0 errors.

🤖 Generated with Claude Code

Closes #546. - Accent swatches: each name is centred under its dot (a centred flex column). The bold name is sized by a hidden bold copy, so selecting a swatch does not move any label. - Fixes a generic `.dot` rule (`margin-left: auto`) that pushed the swatch dot to the edge. - New e2e `apps/web/e2e/accent-labels.spec.ts` (chromium-1440, webkit-390): labels centred under dots; no label centre moves more than 0.5 px as each swatch is selected. Shift is measured on the centre, since centred text keeps its centre when it goes bold. Tests: accent-labels spec passes on chromium-1440 and webkit-390 (`--no-deps --workers=1`). svelte-check: 0 errors. 🤖 Generated with [Claude Code](https://claude.com/claude-code)
Accent labels centred under their swatches, bold without shift (#546)
Some checks failed
CI / server (pull_request) Successful in 26s
CI / rust (pull_request) Failing after 2m19s
CI / web (pull_request) Failing after 28s
ad133b9939
Each swatch is a centred flex column. The name is sized by a hidden bold copy
(::after from data-label), so selecting a swatch does not move any label.
A generic .dot rule (margin-left: auto) pushed the swatch dot to the edge; reset it.

Adds an e2e check (chromium-1440, webkit-390): labels are centred under their dots,
and no label's centre moves more than 0.5 px as each swatch is selected.

Co-Authored-By: Claude Haiku 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01WCcFhwwgMK66k9LMVqogNJ
Author
Owner

Landed in train y, #565.

Landed in train y, #565.
kayg closed this pull request 2026-10-17 20:10:24 +00:00
Some checks failed
CI / server (pull_request) Successful in 26s
CI / rust (pull_request) Failing after 2m19s
CI / web (pull_request) Failing after 28s

Pull request closed

Sign in to join this conversation.
No reviewers
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set

Reference
kayg/calternal!558
No description provided.