diff options
| author | Adam Soltys <[email protected]> | 2026-09-26 07:56:17 -0700 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2026-09-26 07:56:17 -0700 |
| commit | 3fb4d0a5f3cfb3031b50d2dc58916627d7e036d2 (patch) | |
| tree | 648f264446e0ee7c8b1af35cf790da722f4ce361 /src/style.css | |
| parent | a4f13b845b9dfb364bdac0932916d99c381db20e (diff) | |
| download | coinosv3-3fb4d0a5f3cfb3031b50d2dc58916627d7e036d2.tar.gz coinosv3-3fb4d0a5f3cfb3031b50d2dc58916627d7e036d2.zip | |
Thread: the reply box continues the note's highlight, one panel at the note's width.
The box sat inset beneath the focused note's grey highlight as a separate
field. It now shares the highlight: same width and background, the note's
bottom corners squared off and the box carrying them, the field inside a
quiet hairline. Under the root (no highlight) it is a soft panel of its own.
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, 3 insertions, 0 deletions
diff --git a/src/style.css b/src/style.css index 83e67a0..89db887 100644 --- a/src/style.css +++ b/src/style.css @@ -685,6 +685,9 @@ html:has(#app .chat-card), body:has(#app .chat-card) { overflow: hidden; } } /* beside a growing reply box the icons keep their size, sat on the baseline */ .thread-reply .reply-tools .attach-btn { height: 40px; } +/* 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; } /* 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 |