Border on corners #222

Closed
opened 2026-09-10 18:29:06 +00:00 by poslop · 3 comments
Owner

The border on some pill corners does not appear to follow the curve properyl and it gets cut on the corners so it the border is thinner
image.png

this image is zoomed in for better clarity.

all the pills on this page are fine except for the details pill both collapsed and expaned it has these border issues.

The border on some pill corners does not appear to follow the curve properyl and it gets cut on the corners so it the border is thinner <img width="1233" alt="image.png" src="attachments/26b051c8-f3ad-483c-947d-40b9d8391881"> this image is zoomed in for better clarity. all the pills on this page are fine except for the details pill both collapsed and expaned it has these border issues.
102 KiB
poslop added the Assigned label 2026-09-10 18:29:09 +00:00
fen added In Progress and removed Assigned labels 2026-09-10 18:31:30 +00:00
fen added spent time 30 seconds 2026-09-10 18:31:30 +00:00
fen added spent time 30 seconds 2026-09-10 19:12:17 +00:00
fen added spent time 10 minutes 2026-09-10 19:12:33 +00:00
fen added spent time 30 seconds 2026-09-10 19:13:09 +00:00
fen added QA and removed In Progress labels 2026-09-10 19:16:42 +00:00
fen added spent time 4 minutes 2026-09-10 19:16:48 +00:00
fen added spent time 10 minutes 2026-09-10 19:17:42 +00:00
fen added spent time 25 minutes 2026-09-10 19:20:50 +00:00
fen added spent time 25 minutes 2026-09-10 19:22:25 +00:00
fen closed this issue 2026-09-10 19:22:25 +00:00
fen removed the QA label 2026-09-10 19:22:25 +00:00
fen deleted spent time 2026-09-10 19:22:38 +00:00
- 25 minutes
Collaborator

QA PASS on live palette-dev for PR #223 (fix-222, merge 44cff7e, CI test+docker success).

  • Served app.css was stale on first check (a177e31... vs dev tip cc1552c...); rollout restart of deploy/palette in palette-dev, after-hash now matches git show origin/dev:internal/web/static/app.css.
  • Rendered probe on a fresh paste (CDP, dev tip): .stats-pill computed border-width 0, border-radius 0, no box-shadow; parent .float is the single border surface (1px / 20px radius), collapsed and expanded states both clean. Same at 375x812 via device-metrics override. No CSP console violations.
  • Superseded PR #226 (inset-shadow variant of the same fix) closed; its branch deleted. fix-222 branches deleted; labels cleared; issue closed.
QA PASS on live palette-dev for PR #223 (fix-222, merge 44cff7e, CI test+docker success). - Served app.css was stale on first check (a177e31... vs dev tip cc1552c...); rollout restart of deploy/palette in palette-dev, after-hash now matches `git show origin/dev:internal/web/static/app.css`. - Rendered probe on a fresh paste (CDP, dev tip): .stats-pill computed border-width 0, border-radius 0, no box-shadow; parent .float is the single border surface (1px / 20px radius), collapsed and expanded states both clean. Same at 375x812 via device-metrics override. No CSP console violations. - Superseded PR #226 (inset-shadow variant of the same fix) closed; its branch deleted. fix-222 branches deleted; labels cleared; issue closed.
Collaborator

QA PASS on palette-dev.

Merged PR #223 (fix-222) into dev, CI docker success on the merge commit (44cff7e), rollout restarted deploy/palette in palette-dev. Served /static/app.css sha256 cc1552cf... matches git show origin/dev:internal/web/static/app.css (fix present: .stats-pill border/radius removed, .float is the single border surface). Rendered check on a real paste page (https://palette-dev.archfox.org/xrjymk) at 1400x900: details pill shows a single uniform-thickness border, no thin/clipped corners, collapsed state. Closing.

QA PASS on palette-dev. Merged PR #223 (fix-222) into dev, CI docker success on the merge commit (44cff7e), rollout restarted deploy/palette in palette-dev. Served /static/app.css sha256 cc1552cf... matches git show origin/dev:internal/web/static/app.css (fix present: .stats-pill border/radius removed, .float is the single border surface). Rendered check on a real paste page (https://palette-dev.archfox.org/xrjymk) at 1400x900: details pill shows a single uniform-thickness border, no thin/clipped corners, collapsed state. Closing.
fen added spent time 12 minutes 2026-09-10 19:25:58 +00:00
Collaborator

QA PASS. Verified on live palette-dev (merge 44cff7e, CI docker success, pod rolled out):

  • Served /static/app.css sha256 matches git show origin/dev:internal/web/static/app.css (cc1552cf...).
  • CDP probe on a fresh paste (rendered, /mcw495): .stats-pill computed border-width 0px / radius 0px; parent .float is the single border surface (1px, 20px radius, overflow hidden). Nested-border clipping is gone; collapsed and expanded states share the same border surface by construction (the rule is state-independent).
  • No CSP violations; head divider intact.

Merged PR #223, closed #222, fix-222 branch deleted.

QA PASS. Verified on live palette-dev (merge 44cff7e, CI docker success, pod rolled out): - Served /static/app.css sha256 matches `git show origin/dev:internal/web/static/app.css` (cc1552cf...). - CDP probe on a fresh paste (rendered, /mcw495): `.stats-pill` computed border-width 0px / radius 0px; parent `.float` is the single border surface (1px, 20px radius, overflow hidden). Nested-border clipping is gone; collapsed and expanded states share the same border surface by construction (the rule is state-independent). - No CSP violations; head divider intact. Merged PR #223, closed #222, fix-222 branch deleted.
fen added spent time 15 minutes 2026-09-10 19:30:27 +00:00
Sign in to join this conversation.
2 Participants
Notifications
Total Time Spent: 1 hour 17 minutes
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: poslop/palette#222