Skip to content

Commit 589cd8a

Browse files
authored
Fix quick chat layout (microsoft#229885)
Enable chat input to grow and increase the size of the chat widget overall. Fix microsoft#229627 Also fix toolbar alignment in quick chat when the input is multiple lines
1 parent 930fa6f commit 589cd8a

File tree

2 files changed

+8
-1
lines changed

2 files changed

+8
-1
lines changed

src/vs/workbench/contrib/chat/browser/chatWidget.ts

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -952,7 +952,8 @@ export class ChatWidget extends Disposable implements IChatWidget {
952952
width = Math.min(width, 850);
953953
this.bodyDimension = new dom.Dimension(width, height);
954954

955-
this.inputPart.layout(height, width);
955+
const inputPartMaxHeight = this._dynamicMessageLayoutData?.enabled ? this._dynamicMessageLayoutData.maxHeight : height;
956+
this.inputPart.layout(inputPartMaxHeight, width);
956957
const inputPartHeight = this.inputPart.inputPartHeight;
957958
const lastElementVisible = this.tree.scrollTop + this.tree.renderHeight >= this.tree.scrollHeight;
958959

src/vs/workbench/contrib/chat/browser/media/chat.css

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -863,8 +863,14 @@ have to be updated for changes to the rules above, or to support more deeply nes
863863
margin: 0 3px;
864864
}
865865

866+
.quick-input-widget .interactive-session .interactive-input-part .chat-input-toolbars .monaco-toolbar,
867+
.quick-input-widget .interactive-session .interactive-input-part .chat-input-toolbars .actions-container {
868+
height: initial;
869+
}
870+
866871
.quick-input-widget .interactive-session .interactive-input-part .chat-input-toolbars {
867872
margin-bottom: 1px;
873+
align-items: flex-end;
868874
}
869875

870876
.quick-input-widget .interactive-session .chat-input-container {

0 commit comments

Comments
 (0)