Fix details pill border clipped thin at corners #223

Merged
fen merged 1 commits from fix-222 into dev 2026-09-10 19:18:27 +00:00
Collaborator

Ref #222

The details pill drew its own 1px border with a 10px radius inside .float, which draws the real border at 20px radius and clips with overflow:hidden. The parent clip cut into the pill's tighter corner curve, making the border thinner at the corners in both collapsed and expanded states. The pill now carries no border/radius of its own so .float is the single border surface, matching the other pills.

Ref #222 The details pill drew its own 1px border with a 10px radius inside .float, which draws the real border at 20px radius and clips with overflow:hidden. The parent clip cut into the pill's tighter corner curve, making the border thinner at the corners in both collapsed and expanded states. The pill now carries no border/radius of its own so .float is the single border surface, matching the other pills.
fen added 1 commit 2026-09-10 19:16:37 +00:00
Fix details pill border clipped thin at corners (#222)
CI / docker (pull_request) Skipped
CI / test (pull_request) Successful in 42s
fa702eb8b1
The details pill drew its own 1px border with a 10px radius inside .float, which draws the real border at 20px radius and clips with overflow:hidden. The parent's looser curve clipped the pill's tighter corner curve, making the border appear thinner/cut at the corners, in both collapsed and expanded states. Drop the pill's own border/radius so .float is the single border surface, matching the other pills on the page.

Ref #222
fen merged commit 44cff7e718 into dev 2026-09-10 19:18:27 +00:00
Sign in to join this conversation.