poslop/palette
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases 2 Wiki Activity

#229: padding between image and pill body border #230

Merged
fen merged 1 commits from fix-229 into dev 2026-09-10 19:55:58 +00:00
Conversation 0 Commits 1 Files Changed 1
+7 -3
1 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
internal/web/static/app.css
+7 -3
View File
@@ -812,7 +812,7 @@ button[type="submit"]:focus-visible,
font-size: 22px; padding: 0 4px; border-radius: var(--radius-sm); font-size: 22px; padding: 0 4px; border-radius: var(--radius-sm);
} }
.file-chip .file-chip-remove:hover { color: var(--danger, #c0392b); } .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, /* #221: the link pill under an image preview stays a small inline chip,
left-aligned under the image, not stretched above it. */ left-aligned under the image, not stretched above it. */
.attachment-bar .attachment-chip { .attachment-bar .attachment-chip {
@@ -829,8 +829,12 @@ button[type="submit"]:focus-visible,
.attachment-preview { .attachment-preview {
max-width: 100%; max-width: 100%;
align-self: flex-start; align-self: flex-start;
border: 1px solid var(--border); /* #229: no inner border/radius of its own; the .float wrapper already
border-radius: var(--radius); 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); background: var(--surface-2);
overflow: hidden; overflow: hidden;
} }