From 3fb4d0a5f3cfb3031b50d2dc58916627d7e036d2 Mon Sep 17 00:00:00 2001 From: Adam Soltys Date: Sat, 26 Sep 2026 07:56:17 -0700 Subject: 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 Claude-Session: https://claude.ai/code/session_01VhUKyXKtsJ67QAFfb7QR9D --- src/style.css | 3 +++ 1 file changed, 3 insertions(+) (limited to 'src/style.css') 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 -- cgit v1.2.3