diff options
| author | Adam Soltys <[email protected]> | 2026-09-26 08:11:46 -0700 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2026-09-26 08:11:46 -0700 |
| commit | 6725999707ae5a87640d1770ef8cccb2653465db (patch) | |
| tree | 77e5634003062e0a05dbdd24ec5b829f14ac7431 /src | |
| parent | 3fb4d0a5f3cfb3031b50d2dc58916627d7e036d2 (diff) | |
| download | coinosv3-6725999707ae5a87640d1770ef8cccb2653465db.tar.gz coinosv3-6725999707ae5a87640d1770ef8cccb2653465db.zip | |
Thread: Cancel and Reply share one size, the toolbar's button height.
Co-Authored-By: Claude Fable 5.1 <[email protected]>
Claude-Session: https://claude.ai/code/session_01VhUKyXKtsJ67QAFfb7QR9D
Diffstat (limited to 'src')
| -rw-r--r-- | src/features/messages.js | 2 | ||||
| -rw-r--r-- | src/style.css | 5 |
2 files changed, 5 insertions, 2 deletions
diff --git a/src/features/messages.js b/src/features/messages.js index e6e5d7d..1de3a3c 100644 --- a/src/features/messages.js +++ b/src/features/messages.js @@ -6187,7 +6187,7 @@ export function messagesFeature(ctx) { onClick: () => { s.replying = false; s.preview = false; render(); }, }, t('cancel')), h('button', { - class: 'btn-primary thread-reply-send', disabled: !!s.sending || !!ui.postUploading, + class: 'btn-primary btn-sm thread-reply-send', disabled: !!s.sending || !!ui.postUploading, onClick: async () => { const text = (s.draft || '').trim(); if (!text) return; diff --git a/src/style.css b/src/style.css index 89db887..b1d67b4 100644 --- a/src/style.css +++ b/src/style.css @@ -688,7 +688,10 @@ html:has(#app .chat-card), body:has(#app .chat-card) { overflow: hidden; } /* the field inside the panel: a quiet hairline, the panel is the frame */ .thread-reply .thread-reply-input { border: 1px solid var(--line); background: var(--surface, #fff); border-radius: 10px; } .thread-reply .thread-reply-input:focus { border-color: var(--ink); outline: none; } -.thread-reply .thread-reply-send { padding: 8px 18px; } +/* Cancel and Reply: one size, the icon buttons' height */ +.thread-reply .reply-tools .thread-reply-cancel, .thread-reply .reply-tools .thread-reply-send { + height: 40px; padding: 0 18px; border-radius: 10px; font-size: 15px; line-height: 38px; box-sizing: border-box; +} /* A picture, full screen: the image centred on a dark ground, everything else out of the way. Fixed to the viewport (svh, so a phone's address bar can't push it), and above every other layer including the toast. */ |