paulononato/backstage
1
0
Fork 0
Code Issues Pull Requests Actions 40 Packages Projects Releases Wiki Activity

Fix non-sticky Header title duplication

Browse Source 
Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com>
This commit is contained in:
Charles de Dreuille
2026-04-26 14:16:09 +01:00
parent eb1fabae6b
commit dceca05fb4
1 changed files with 26 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/ui/src/components/Header/Header.tsx
+26 -24
View File
@@ -183,30 +183,32 @@ export const Header = (props: HeaderProps) => {
))}
<h2 className={classes.title}>{title}</h2>
</div>
<div
className={classes.breadcrumbsSmall}
aria-hidden={!isStuck || undefined}
>
{breadcrumbs &&
breadcrumbs.map(breadcrumb => (
<Fragment key={breadcrumb.label}>
<Link
href={isStuck ? breadcrumb.href : undefined}
color="secondary"
className={classes.breadcrumbLinkSmall}
standalone
>
{breadcrumb.label}
</Link>
<RiArrowRightSLine
className={classes.breadcrumbSeparator}
size={16}
color="var(--bui-fg-secondary)"
/>
</Fragment>
))}
<h2 className={classes.titleSmall}>{title}</h2>
</div>
{sticky && (
<div
className={classes.breadcrumbsSmall}
aria-hidden={!isStuck || undefined}
>
{breadcrumbs &&
breadcrumbs.map(breadcrumb => (
<Fragment key={breadcrumb.label}>
<Link
href={isStuck ? breadcrumb.href : undefined}
color="secondary"
className={classes.breadcrumbLinkSmall}
standalone
>
{breadcrumb.label}
</Link>
<RiArrowRightSLine
className={classes.breadcrumbSeparator}
size={16}
color="var(--bui-fg-secondary)"
/>
</Fragment>
))}
<h2 className={classes.titleSmall}>{title}</h2>
</div>
)}
</div>
<div className={classes.controls}>{customActions}</div>
</div>