authorgravatar for 44286537+akbarakma@users.noreply.github.comAkbar Danial Akma <44286537+akbarakma@users.noreply.github.com> 2026-10-10 10:00:16+07:00
committergravatar for noreply@github.comGitHub <noreply@github.com> 2026-10-10 00:00:16-03:00
log391f813357c72d1623aba9fc5b199f237d6710c6
tree327877cdd08ebb58aaec70dd76576d713f275777
parent2def3de4b931206d3387d222454af0daf4a274e2
signature Signed by PGP key B5690EEEBB952194

fix(web): sidebar "Code" label no longer clips its letter tops (#16134)

1 files changed, 2 insertions(+), 1 deletions(-)

apps/web/src/components/sidebar/SidebarChrome.tsx+2-1
...@@ -124,11 +124,12 @@ function SidebarBrand({ onBackdrop }: { onBackdrop: boolean }) {...@@ -124,11 +124,12 @@ function SidebarBrand({ onBackdrop }: { onBackdrop: boolean }) {
124function SidebarBrandMark({ onBackdrop }: { onBackdrop: boolean }) {124function SidebarBrandMark({ onBackdrop }: { onBackdrop: boolean }) {
125 return (125 return (
126 // Center the visible capitals, without the font's ascender/descender space.126 // Center the visible capitals, without the font's ascender/descender space.
127 // Padding keeps ascenders and round-letter overshoot inside the truncation clip.
127 <span className="inline-flex min-w-0 items-baseline gap-1 text-sm font-medium tracking-tight">128 <span className="inline-flex min-w-0 items-baseline gap-1 text-sm font-medium tracking-tight">
128 <T3Wordmark aria-label="T3" className="h-[1cap] w-auto shrink-0" />129 <T3Wordmark aria-label="T3" className="h-[1cap] w-auto shrink-0" />
129 <span130 <span
130 className={cn(131 className={cn(
131 "truncate [text-box:trim-both_cap_alphabetic]",132 "truncate [text-box:trim-both_cap_alphabetic] supports-[text-box:trim-both_cap_alphabetic]:py-1",
132 onBackdrop ? "text-white/70" : "text-muted-foreground",133 onBackdrop ? "text-white/70" : "text-muted-foreground",
133 )}134 )}
134 >135 >