Skip to content

Commit c68c770

Browse files
committed
fix: truncate project name.
1 parent 400e083 commit c68c770

File tree

1 file changed

+10
-1
lines changed

1 file changed

+10
-1
lines changed

src/lib/components/breadcrumbs.svelte

Lines changed: 10 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -341,7 +341,7 @@
341341
<ActionMenu.Root>
342342
<ActionMenu.Item.Anchor
343343
href={`${base}/project-${project.region}-${project.$id}/overview/platforms`}>
344-
{project.name}
344+
<span class="projectName dropdown">{project.name}</span>
345345
</ActionMenu.Item.Anchor>
346346
</ActionMenu.Root>
347347
</div>
@@ -421,6 +421,15 @@
421421
@media (min-width: 1024px) {
422422
max-width: 150px;
423423
}
424+
425+
&.dropdown {
426+
max-width: 200px;
427+
white-space: nowrap;
428+
overflow: hidden;
429+
text-overflow: ellipsis;
430+
display: inline-block;
431+
vertical-align: middle;
432+
}
424433
}
425434
426435
.noProjects {

0 commit comments

Comments
 (0)