diff options
| author | Adam Soltys <[email protected]> | 2026-09-26 07:50:39 -0700 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2026-09-26 07:50:39 -0700 |
| commit | a4f13b845b9dfb364bdac0932916d99c381db20e (patch) | |
| tree | 16a06b0f3b19153056f329ef156d813e02eb2abf /src/style.css | |
| parent | acac2431b592600be2c37878851cf8e16b6ceba3 (diff) | |
| download | coinosv3-a4f13b845b9dfb364bdac0932916d99c381db20e.tar.gz coinosv3-a4f13b845b9dfb364bdac0932916d99c381db20e.zip | |
Thread: the reply box appears on Reply, full width, with its tools on a row beneath.
A thread opened to read came with an empty field under its first post.
The box now appears under the note whose Reply was tapped (or while a
draft is pending), folds away once the reply is sent or Cancel is tapped,
and takes Amethyst's shape: the field across the full width, attach and
preview on a row beneath it with Cancel and Reply at the right.
Tests: thread-reply's helper follows the new shape and expects the box to
fold after sending; compose-preview and feed-list tap Reply before
expecting a box (the thread card carries .thread-card as the marker).
Co-Authored-By: Claude Fable 5.1 <[email protected]>
Claude-Session: https://claude.ai/code/session_01VhUKyXKtsJ67QAFfb7QR9D
Diffstat (limited to 'src/style.css')
| -rw-r--r-- | src/style.css | 3 |
1 files changed, 2 insertions, 1 deletions
diff --git a/src/style.css b/src/style.css index b136432..83e67a0 100644 --- a/src/style.css +++ b/src/style.css @@ -684,7 +684,8 @@ html:has(#app .chat-card), body:has(#app .chat-card) { overflow: hidden; } display: flex; align-items: center; justify-content: center; padding: 0; } /* beside a growing reply box the icons keep their size, sat on the baseline */ -.thread-reply-input ~ .attach-btn { align-self: flex-end; height: 44px; } +.thread-reply .reply-tools .attach-btn { height: 40px; } +.thread-reply .thread-reply-send { padding: 8px 18px; } /* 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. */ |