diff options
| author | Adam Soltys <[email protected]> | 2026-08-29 07:29:49 -0700 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2026-08-29 07:29:49 -0700 |
| commit | b61198fc49e55213ee29a545f7bab3691f43d6b5 (patch) | |
| tree | d74ca8c23da05125d2bf1ba156e72924f5868ca1 /src/style.css | |
| parent | afff4e068fa327b3420255b5c21c92e5d4683c4a (diff) | |
| download | coinosv3-b61198fc49e55213ee29a545f7bab3691f43d6b5.tar.gz coinosv3-b61198fc49e55213ee29a545f7bab3691f43d6b5.zip | |
The composer learns the second dimension: a textarea that grows with the text (capped at five lines), Enter still sends, and a newline is one Shift+Enter or Ctrl+J away — bubbles already knew how to show them
Co-Authored-By: Claude Fable 5 <[email protected]>
Claude-Session: https://claude.ai/code/session_019WboeoetMF3MTmgT7Ew8yi
Diffstat (limited to 'src/style.css')
| -rw-r--r-- | src/style.css | 5 |
1 files changed, 3 insertions, 2 deletions
diff --git a/src/style.css b/src/style.css index db9cd9c..412e3b9 100644 --- a/src/style.css +++ b/src/style.css @@ -402,11 +402,12 @@ hr.divider { margin: 16px 0; } display: flex; gap: 8px; padding: 10px 12px; border-top: 1px solid var(--line); align-items: center; flex: 0 0 auto; } -.chat-compose input { +.chat-compose input, .chat-compose textarea { flex: 1; min-width: 0; font: inherit; color: var(--ink); background: var(--paper); border: 1px solid var(--line-strong); border-radius: 11px; padding: 10px 13px; } -.chat-compose input:focus-visible { outline: 2px solid var(--accent); outline-offset: -1px; } +.chat-compose textarea { resize: none; max-height: 120px; overflow-y: auto; line-height: 1.4; } +.chat-compose input:focus-visible, .chat-compose textarea:focus-visible { outline: 2px solid var(--accent); outline-offset: -1px; } /* Messages v2 — home lists, DM threads, invite panel. */ .chat-back { font-size: 22px; line-height: 1; padding: 2px 10px 4px; flex-shrink: 0; } |