From b61198fc49e55213ee29a545f7bab3691f43d6b5 Mon Sep 17 00:00:00 2001 From: Adam Soltys Date: Sat, 29 Aug 2026 07:29:49 -0700 Subject: 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 Claude-Session: https://claude.ai/code/session_019WboeoetMF3MTmgT7Ew8yi MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/style.css | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) (limited to 'src/style.css') 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; } -- cgit v1.2.3