From 3dbfc6950522036486db8888f76beba473b0e412 Mon Sep 17 00:00:00 2001 From: Evie Gauthier Date: Mon, 16 Mar 2026 14:55:37 -0400 Subject: [PATCH 1/3] fix(thread): reduce excessive gap between root message and replies MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The thread drawer had padding: S600 0 (24px top+bottom) on both the root message box and the reply messages box, plus S200 padding on the reply count label. This stacked up to ~84px of empty space between the root message and the first reply, especially noticeable in newly created threads. Fix: - Root message box: change bottom padding S600→S200 (top kept at S400) - Reply messages box: remove top padding (reply count label already provides visual separation) Fixes #294 --- src/app/features/room/ThreadDrawer.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/app/features/room/ThreadDrawer.tsx b/src/app/features/room/ThreadDrawer.tsx index 31af1897..d136e237 100644 --- a/src/app/features/room/ThreadDrawer.tsx +++ b/src/app/features/room/ThreadDrawer.tsx @@ -726,7 +726,7 @@ export function ThreadDrawer({ room, threadRootId, onClose, overlay }: ThreadDra className={css.messageList} direction="Column" style={{ - padding: `${config.space.S600} 0`, + padding: `${config.space.S400} 0 ${config.space.S200} 0`, }} > @@ -772,7 +772,7 @@ export function ThreadDrawer({ room, threadRootId, onClose, overlay }: ThreadDra {replyEvents.map((mEvent, i) => { const prevEvent = i > 0 ? replyEvents[i - 1] : undefined; From 8a34be8a2aafbe64f3a39f83adbce97ab6f3c3d7 Mon Sep 17 00:00:00 2001 From: Evie Gauthier Date: Mon, 16 Mar 2026 15:26:42 -0400 Subject: [PATCH 2/3] chore: add changeset --- .changeset/fix-thread-empty-space.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/fix-thread-empty-space.md diff --git a/.changeset/fix-thread-empty-space.md b/.changeset/fix-thread-empty-space.md new file mode 100644 index 00000000..fffeeaa5 --- /dev/null +++ b/.changeset/fix-thread-empty-space.md @@ -0,0 +1,5 @@ +--- +default: patch +--- + +Fix excessive whitespace between the thread root message and replies in the thread drawer From 1124ba173e304e8199ce8d17bf03fc8db630d500 Mon Sep 17 00:00:00 2001 From: Evie Gauthier Date: Mon, 16 Mar 2026 15:35:41 -0400 Subject: [PATCH 3/3] fix(thread): override height:100% from folds Scroll base class to allow content-sized root message --- src/app/features/room/ThreadDrawer.tsx | 1 + 1 file changed, 1 insertion(+) diff --git a/src/app/features/room/ThreadDrawer.tsx b/src/app/features/room/ThreadDrawer.tsx index d136e237..fd7075bf 100644 --- a/src/app/features/room/ThreadDrawer.tsx +++ b/src/app/features/room/ThreadDrawer.tsx @@ -719,6 +719,7 @@ export function ThreadDrawer({ room, threadRootId, onClose, overlay }: ThreadDra hideTrack={false} style={{ maxHeight: '200px', + height: 'fit-content', flexShrink: 0, }} >