From 9a5eaed00be8ed3faf3223f0008319fd20fb895a Mon Sep 17 00:00:00 2001
From: fen <fen@archfox.org>
Date: Thu, 10 Sep 2026 17:05:18 -0500
Subject: [PATCH] #232: file pill shows filename twice on non-image files; drop
 duplicate, let long names truncate wider and reveal on hover

---
 internal/web/static/app.css | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/internal/web/static/app.css b/internal/web/static/app.css
index e363ede..66f6510 100644
--- a/internal/web/static/app.css
+++ b/internal/web/static/app.css
@@ -823,7 +823,21 @@ button[type="submit"]:focus-visible,
 }
 .attachment-bar .attachment-chip:hover { border-color: var(--accent); }
 .attachment-bar .attachment-chip .attachment-name {
-  max-width: 720px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
+  min-width: 0;
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+/* #232: long filenames are truncated but the pill stays a reasonable
+   width; on narrow viewports it shrinks to the container instead of
+   overflowing the card. */
+.attachment-bar .attachment-chip {
+  max-width: 100%;
+}
+.attachment-bar .attachment-chip .attachment-name:hover {
+  white-space: normal;
+  overflow-wrap: anywhere;
 }
 /* #221: images scale to fit the viewer box, aspect ratio preserved. */
 .attachment-preview {