Truncate long title in breadcrumbs with ellipsis

We can still see the full title at the top of the issue.
This commit is contained in:
Rūdolfs Ošiņš
2024-12-02 10:45:24 +01:00
parent cd0bc9c01b
commit 52c25a905d
+22 -18
View File
@@ -297,25 +297,29 @@
<Layout>
{#snippet breadcrumbs()}
<Link route={{ resource: "home" }}>
<NodeId
publicKey={config.publicKey}
alias={config.alias}
styleFontFamily="var(--font-family-sans-serif)"
styleFontSize="var(--font-size-tiny)" />
</Link>
<Link route={{ resource: "repo.issues", rid: repo.rid, status: "open" }}>
<div class="global-flex">
<Icon name="chevron-right" />
{project.data.name}
<div class="global-flex txt-overflow">
<Link route={{ resource: "home" }}>
<NodeId
publicKey={config.publicKey}
alias={config.alias}
styleFontFamily="var(--font-family-sans-serif)"
styleFontSize="var(--font-size-tiny)" />
</Link>
<Link route={{ resource: "repo.issues", rid: repo.rid, status: "open" }}>
<div class="global-flex">
<Icon name="chevron-right" />
{project.data.name}
</div>
</Link>
<Icon name="chevron-right" />
<Link route={{ resource: "repo.issues", rid: repo.rid, status: "open" }}>
Issues
</Link>
<Icon name="chevron-right" />
<div class="txt-overflow">
{issue.title}
</div>
</Link>
<Icon name="chevron-right" />
<Link route={{ resource: "repo.issues", rid: repo.rid, status: "open" }}>
Issues
</Link>
<Icon name="chevron-right" />
{issue.title}
</div>
{/snippet}
{#snippet headerCenter()}