Microsoft/vscode
1
0
Fork 0
mirror of https://github.com/microsoft/vscode.git synced 2026-05-08 17:19:48 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fix quick chat layout (#229885)

Browse Source 
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
This commit is contained in:
Rob Lourens
2024-09-26 14:22:17 -07:00
committed by GitHub
parent 930fa6fb1e
commit 589cd8ac39
2 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/vs/workbench/contrib/chat/browser/chatWidget.ts
+2 -1
View File
@@ -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;
src/vs/workbench/contrib/chat/browser/media/chat.css
+6
View File
@@ -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 {