Compare commits

...

2 Commits

Author SHA1 Message Date
Claude b32640946a Format: wrap breadcrumb PageIcon across lines to satisfy Biome
The added align-middle class pushed the JSX element over Biome's print
width; wrap it so format:check passes.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01BGdAqoovVywzCDzvEybztH
2026-07-30 00:16:31 +00:00
Claude c70075a269 Fix off-center icon in breadcrumb (RND-12092)
The breadcrumb crumb icon (PageIcon) is laid out inline with the default
vertical-align: baseline. Since it is a 1em square, its bottom sits on the
text baseline and it reads as too high next to the label. Add align-middle
(vertical-align: middle) to that inline icon, matching how inline icons are
aligned elsewhere (InlineImage, shared button styles).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01BGdAqoovVywzCDzvEybztH
2026-07-30 00:14:58 +00:00
2 changed files with 9 additions and 1 deletions
+5
View File
@@ -0,0 +1,5 @@
---
"gitbook": patch
---
Fix the page icon in breadcrumbs appearing vertically off-center next to its label.
@@ -47,7 +47,10 @@ export function BreadcrumbItemDropdown(props: {
const content = (
<>
{emoji || icon ? (
<PageIcon page={{ emoji, icon }} style="mr-1 inline size-[1em] shrink-0" />
<PageIcon
page={{ emoji, icon }}
style="mr-1 inline size-[1em] shrink-0 align-middle"
/>
) : null}
{label}
</>