Skip to content

Commit fe1bdaf

Browse files
committed
fix(web): sidebar "Code" label no longer clips its letter tops
The label combined text-box trimming with truncate, so overflow clipping cut the ascender and round-letter overshoot. Pad the label where text-box is supported, matching the breadcrumb and menu labels.
1 parent 9d029a1 commit fe1bdaf

1 file changed

Lines changed: 2 additions & 1 deletion

File tree

‎apps/web/src/components/sidebar/SidebarChrome.tsx‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -125,11 +125,12 @@ function SidebarBrand({ onBackdrop }: { onBackdrop: boolean }) {
125125
function SidebarBrandMark({ onBackdrop }: { onBackdrop: boolean }) {
126126
return (
127127
// Center the visible capitals, without the font's ascender/descender space.
128+
// Padding keeps ascenders and round-letter overshoot inside the truncation clip.
128129
<span className="inline-flex min-w-0 items-baseline gap-1 text-sm font-medium tracking-tight">
129130
<T3Wordmark aria-label="T3" className="h-[1cap] w-auto shrink-0" />
130131
<span
131132
className={cn(
132-
"truncate [text-box:trim-both_cap_alphabetic]",
133+
"truncate [text-box:trim-both_cap_alphabetic] supports-[text-box:trim-both_cap_alphabetic]:py-1",
133134
onBackdrop ? "text-white/70" : "text-muted-foreground",
134135
)}
135136
>

0 commit comments

Comments
 (0)