From 50ab2fb2cb2e942c0fc7ca167e700f2728cfbb26 Mon Sep 17 00:00:00 2001 From: Makisuo Date: Fri, 30 Oct 2026 22:33:33 +0100 Subject: [PATCH] fix(web): infra meta lines end in an ellipsis instead of clipping the last item --- apps/web/src/page/infra/kit/meta-line.ts | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/apps/web/src/page/infra/kit/meta-line.ts b/apps/web/src/page/infra/kit/meta-line.ts index 8a9da48c9e..9c21838e81 100644 --- a/apps/web/src/page/infra/kit/meta-line.ts +++ b/apps/web/src/page/infra/kit/meta-line.ts @@ -31,7 +31,8 @@ export const metaLine = ( ], present.map((item, index) => h.span( - [h.Class("flex shrink-0 items-center gap-x-2")], + // The last item shrinks so an overflowing line ends in an ellipsis, not a clipped word. + [h.Class(cn("flex items-center gap-x-2", index === present.length - 1 ? "min-w-0" : "shrink-0"))], [ ...(index > 0 ? [h.span([h.Class("text-foreground-faint")], ["ยท"])] : []), typeof item === "string" ? h.span([h.Class("max-w-[28ch] truncate")], [item]) : item,