alice.pds.demo.boltless.dev
This repository has no description
web/components: optically centre the issue state pill label
Inter's ascent/descent split isn't symmetric within the line box, so the
mathematically centred label sat visibly high — measured 7.25px of ink above
versus 10px below on 'Closed'. nudging the label alone by 1.5px balances it
without moving the icon or changing the pill's 28px height.
Signed-off-by: eti <eti@eti.tf>
author
eti
committer
dawn
date
(Jul 30, 2026, 7:45 PM +0300)
commit
bb380f54
bb380f54b180417ca1c5f9ee8ca6bd59b72770ae
parent
4c1cc8e4
4c1cc8e40ece822f608917064372a5e6c1cb7d96
change-id
mpovvykr
mpovvykrzpuqrspsmptxopmmntwuxtst
+6
-1
+6
-1
web/src/lib/components/repo/issues/IssueStatePill.svelte
+6
-1
web/src/lib/components/repo/issues/IssueStatePill.svelte
···
34
34
35
35
<span class={issueStatePill({ state, class: className })}>
36
36
<Icon class="size-3 shrink-0" aria-hidden="true" />
37
-
{label}
37
+
<!--
38
+
Inter's ascent/descent split isn't symmetric in the line box, so a mathematically
39
+
centred label reads high. nudge the text alone (a transform, so the icon and the
40
+
pill's height are untouched) to land it on the optical centre.
41
+
-->
42
+
<span class="translate-y-[1.5px]">{label}</span>
38
43
</span>