till/managarten
1
0
Fork 0
mirror of https://github.com/Memo-2023/mana-monorepo.git synced 2026-05-14 19:41:09 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

fix(page-shell): keep header title on one line with ellipsis

Browse source 
Narrow pages (e.g. AI Workbench at 320px) wrapped the title onto two
lines because .header-left lacked min-width: 0 and .page-title had no
truncation rules. Add flex shrink + nowrap + text-overflow: ellipsis.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Till JS 2026-04-20 16:03:26 +02:00
parent 8dbc850beb
commit 3179fa10cf
1 changed files with 7 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

7
apps/mana/apps/web/src/lib/components/page-carousel/PageShell.svelte
View file

@ -347,6 +347,9 @@
display: flex;
align-items: center;
gap: 0.3rem;
flex: 1 1 auto;
min-width: 0;
overflow: hidden;
}
.header-icon {
flex-shrink: 0;
@ -365,6 +368,10 @@
font-weight: 600;
color: hsl(var(--color-foreground));
transform: translateY(1px);
min-width: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
a.page-title-link {
text-decoration: none;