From 589cd8ac399dce4858e0b250c91b6f92ab1158fa Mon Sep 17 00:00:00 2001 From: Rob Lourens Date: Thu, 26 Sep 2024 14:22:17 -0700 Subject: [PATCH] Fix quick chat layout (#229885) Enable chat input to grow and increase the size of the chat widget overall. Fix #229627 Also fix toolbar alignment in quick chat when the input is multiple lines --- src/vs/workbench/contrib/chat/browser/chatWidget.ts | 3 ++- src/vs/workbench/contrib/chat/browser/media/chat.css | 6 ++++++ 2 files changed, 8 insertions(+), 1 deletion(-) diff --git a/src/vs/workbench/contrib/chat/browser/chatWidget.ts b/src/vs/workbench/contrib/chat/browser/chatWidget.ts index 4ccc6f9ca88..3c3a79cf03f 100644 --- a/src/vs/workbench/contrib/chat/browser/chatWidget.ts +++ b/src/vs/workbench/contrib/chat/browser/chatWidget.ts @@ -952,7 +952,8 @@ export class ChatWidget extends Disposable implements IChatWidget { width = Math.min(width, 850); this.bodyDimension = new dom.Dimension(width, height); - this.inputPart.layout(height, width); + const inputPartMaxHeight = this._dynamicMessageLayoutData?.enabled ? this._dynamicMessageLayoutData.maxHeight : height; + this.inputPart.layout(inputPartMaxHeight, width); const inputPartHeight = this.inputPart.inputPartHeight; const lastElementVisible = this.tree.scrollTop + this.tree.renderHeight >= this.tree.scrollHeight; diff --git a/src/vs/workbench/contrib/chat/browser/media/chat.css b/src/vs/workbench/contrib/chat/browser/media/chat.css index 70fdab62ead..a2e811f5f23 100644 --- a/src/vs/workbench/contrib/chat/browser/media/chat.css +++ b/src/vs/workbench/contrib/chat/browser/media/chat.css @@ -863,8 +863,14 @@ have to be updated for changes to the rules above, or to support more deeply nes margin: 0 3px; } +.quick-input-widget .interactive-session .interactive-input-part .chat-input-toolbars .monaco-toolbar, +.quick-input-widget .interactive-session .interactive-input-part .chat-input-toolbars .actions-container { + height: initial; +} + .quick-input-widget .interactive-session .interactive-input-part .chat-input-toolbars { margin-bottom: 1px; + align-items: flex-end; } .quick-input-widget .interactive-session .chat-input-container {