Microsoft/vscode
1
0
Fork 0
mirror of https://github.com/microsoft/vscode.git synced 2026-04-17 23:35:54 +01:00
Code Issues Packages Projects Releases Wiki Activity

Add scrollbar to chat input

Browse Source
This commit is contained in:
Rob Lourens
2026-03-02 20:58:44 -08:00
parent 17e938946e
commit 9c46bcc75f
2 changed files with 18 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/vs/workbench/contrib/chat/browser/widget/input/chatInputPart.ts
View File

@@ -2075,7 +2075,13 @@ export class ChatInputPart extends Disposable implements IHistoryNavigationWidge
showStatusBar: false,
insertMode: 'insert',
};
options.scrollbar = { ...(options.scrollbar ?? {}), vertical: 'hidden' };
options.scrollbar = this.options.renderStyle === 'compact'
? { ...(options.scrollbar ?? {}), vertical: 'hidden' }
: {
...(options.scrollbar ?? {}),
vertical: 'auto',
verticalScrollbarSize: 7,
};
options.stickyScroll = { enabled: false };
this._inputEditorElement = dom.append(editorContainer, $(chatInputEditorContainerSelector));
@@ -3049,8 +3055,8 @@ export class ChatInputPart extends Disposable implements IHistoryNavigationWidge
return {
editorBorder: 2,
inputPartHorizontalPadding: this.options.renderStyle === 'compact' ? 16 : 32,
inputPartHorizontalPaddingInside: 12,
inputPartHorizontalPadding: this.options.renderStyle === 'compact' ? 16 : 24,
inputPartHorizontalPaddingInside: this.options.renderStyle === 'compact' ? 12 : 10,
toolbarsWidth: this.options.renderStyle === 'compact' ? getToolbarsWidthCompact() : 0,
sideToolbarWidth: inputSideToolbarWidth > 0 ? inputSideToolbarWidth + 4 /*gap*/ : 0,
};

11
src/vs/workbench/contrib/chat/browser/widget/media/chat.css
View File

@@ -814,7 +814,7 @@ have to be updated for changes to the rules above, or to support more deeply nes
background-color: var(--vscode-input-background);
border: 1px solid var(--vscode-input-border, transparent);
border-radius: var(--vscode-cornerRadius-large);
padding: 0 6px 6px 6px;
padding: 0 0px 6px 6px;
/* top padding is inside the editor widget */
width: 100%;
position: relative;
@@ -1265,6 +1265,8 @@ have to be updated for changes to the rules above, or to support more deeply nes
display: flex;
justify-content: space-between;
padding-bottom: 0;
/* no scrollbar */
padding-right: 6px;
border-radius: var(--vscode-cornerRadius-small);
}
@@ -1280,7 +1282,12 @@ have to be updated for changes to the rules above, or to support more deeply nes
}
.chat-editor-container {
padding: 0 4px;
padding: 0 0 0 4px;
}
.interactive-session .interactive-input-part.compact .chat-editor-container {
/* No scrollbar */
padding-right: 4px;
}
.chat-editor-container .monaco-editor .mtk1 {