From f0c93ffa3b944c0a16e7099aa35aede1c9519530 Mon Sep 17 00:00:00 2001 From: Bryan Van Deusen Date: Wed, 15 Apr 2026 07:40:44 -0400 Subject: [PATCH] fix(chat): drop display:flex from .chat-panel-fill so grid layout wins MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The inherited .chat-panel-fill class lands on ChatPanel's new .chat-full root via attribute inheritance, and its display:flex was overriding the grid layout — stacking messages, sidebar, and input bar vertically inside the reading column instead of placing the sidebar in grid col 4. Layout is ChatPanel's responsibility now; .chat-panel-fill only sizes. Co-Authored-By: Claude Opus 4.6 --- frontend/src/views/ChatView.vue | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/frontend/src/views/ChatView.vue b/frontend/src/views/ChatView.vue index 026dcb6..9a4da16 100644 --- a/frontend/src/views/ChatView.vue +++ b/frontend/src/views/ChatView.vue @@ -522,12 +522,12 @@ onUnmounted(() => { overflow: hidden; } -/* ChatPanel fills the remaining space in chat-main */ +/* ChatPanel fills the remaining space in chat-main. Layout (grid vs + * flex) is owned by ChatPanel's own .chat-full root — don't force a + * display here or it overrides the grid. */ .chat-panel-fill { flex: 1; min-height: 0; - display: flex; - flex-direction: column; } .chat-header {