amadan
web: give the composer the same unfocused/focused fill as chat-search (#35)
The message box was flat white in both states; now it sits on the subtle bubble-them grey at rest and lifts to panel white on focus, matching the sidebar's chat-search filter.
Co-authored-by: Claude <noreply@anthropic.com>
1 file changed,
+3
−2
web/static/style.css+3 −2
diff --git a/web/static/style.css b/web/static/style.css| index 2d56820..ebe2030 100644 |
| --- a/web/static/style.css |
| +++ b/web/static/style.css |
| @@ -168,8 +168,8 @@ input, textarea { |
| } |
| input:focus, textarea:focus { outline: 2px solid var(--accent); border-color: transparent; } |
| /* the message box doesn't get the bright focus ring (chat-app convention) — the |
| - coloured caret is the cue. */ |
| -.composer textarea:focus { outline: none; border-color: var(--border); } |
| + coloured caret is the cue. Keep the fill lift consistent with .chat-search. */ |
| +.composer textarea:focus { outline: none; border-color: var(--border); background: var(--panel); } |
| /* ---- centered card layout (join / fallback) ---- */ |
| .center { |
| @@ -701,6 +701,7 @@ input:focus, textarea:focus { outline: 2px solid var(--accent); border-color: tr |
| min-height: 40px; |
| border-radius: 20px; |
| font-family: inherit; |
| + background: var(--bubble-them); |
| overflow: hidden; |
| } |
| /* circular up-arrow send button, tucked into the bottom-right of the field */ |