From 86eb82178058dba9f16338ca645f5f14e51852be Mon Sep 17 00:00:00 2001 From: fen Date: Thu, 10 Sep 2026 14:54:28 -0500 Subject: [PATCH] #229: padding between image and pill border, drop corner-clipped inner border --- internal/web/static/app.css | 10 +++++++--- 1 file changed, 7 insertions(+), 3 deletions(-) diff --git a/internal/web/static/app.css b/internal/web/static/app.css index f734d4f..587f47a 100644 --- a/internal/web/static/app.css +++ b/internal/web/static/app.css @@ -812,7 +812,7 @@ button[type="submit"]:focus-visible, font-size: 22px; padding: 0 4px; border-radius: var(--radius-sm); } .file-chip .file-chip-remove:hover { color: var(--danger, #c0392b); } -.attachment-bar { display: flex; flex-direction: column; gap: 10px; } +.attachment-bar { display: flex; flex-direction: column; gap: 10px; padding: 12px; } /* #221: the link pill under an image preview stays a small inline chip, left-aligned under the image, not stretched above it. */ .attachment-bar .attachment-chip { @@ -829,8 +829,12 @@ button[type="submit"]:focus-visible, .attachment-preview { max-width: 100%; align-self: flex-start; - border: 1px solid var(--border); - border-radius: var(--radius); + /* #229: no inner border/radius of its own; the .float wrapper already + frames the pill (inner borders get corner-clipped by overflow:hidden). + Padding on .attachment-bar gives the image breathing room from the + pill border. */ + border: 0; + border-radius: 0; background: var(--surface-2); overflow: hidden; } -- 2.54.0