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
Showing only changes of commit 86eb821780 - Show all commits
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);
}
.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;
}