From 6725999707ae5a87640d1770ef8cccb2653465db Mon Sep 17 00:00:00 2001 From: Adam Soltys Date: Sat, 26 Sep 2026 08:11:46 -0700 Subject: Thread: Cancel and Reply share one size, the toolbar's button height. Co-Authored-By: Claude Fable 5.1 Claude-Session: https://claude.ai/code/session_01VhUKyXKtsJ67QAFfb7QR9D --- src/features/messages.js | 2 +- src/style.css | 5 ++++- 2 files changed, 5 insertions(+), 2 deletions(-) (limited to 'src') 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. */ -- cgit v1.2.3