michael/ProdDash
1
0
Fork 0
Code Issues Pull Requests 3 Actions Packages Projects Releases 1 Wiki Activity

Centre the text in the song-section chips

Browse Source 
The chips looked top-heavy, and measuring said so: the capitals sat 5.12px
below the top of the chip and 4.22px above the bottom. Uppercase text has no
descenders, so the font's descent allowance below the baseline is empty
space the letters never use, while the gap between the ascender line and the
cap height sits above them.

The padding is now a touch shallower on top and deeper below, which puts the
letters themselves in the middle: 4.67px above, 4.68px below. In em, so it
holds wherever the tile's text size is set.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
Waters Church
2026-09-27 11:32:10 -04:00
co-authored by Claude Opus 5
parent 93e9f714aa
commit d93162b4c4
1 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
modules/pco-plan/style.css
+6 -1
View File
@@ -635,7 +635,12 @@
[data-module="pco-plan"] .pp-abs-sec { [data-module="pco-plan"] .pp-abs-sec {
flex: none; flex: none;
padding: 0.14em 0.55em; /* Uppercase text has no descenders, so the font's descent allowance below
the baseline leaves the caps sitting high in the box — measured at 0.9px
too much headroom. The padding is a touch shallower on top and deeper
below to centre the letters themselves; in em, so it holds at any text
size. */
padding: 0.095em 0.55em 0.185em;
/* The same rounded square, tinted ground and transparent border the AbleSet /* The same rounded square, tinted ground and transparent border the AbleSet
module gives its own section pills, so the two read as one family. */ module gives its own section pills, so the two read as one family. */
border-radius: 0.35em; border-radius: 0.35em;