Skip to content

Commit 3e6ab06

Browse files
chrywCopilot
andcommitted
workbench: align chat pill dropdown actions
Scope the Agents-style trailing alignment to shared chat pill rows with toolbar actions, while preserving base ActionList spacing for rows without actions or with structured content. Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
1 parent 1e5d782 commit 3e6ab06

2 files changed

Lines changed: 9 additions & 1 deletion

File tree

‎src/vs/workbench/browser/chatDropdownPill.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -298,7 +298,7 @@ export class ChatDropdownPillActionViewItem extends ChatPillActionViewItem {
298298
getAriaLabel: item => item.label ?? '',
299299
getWidgetAriaLabel: () => this._pillOptions.title,
300300
},
301-
{ minWidth: 240, maxWidth: 460, widgetClassName: 'show-file-icons' },
301+
{ minWidth: 240, maxWidth: 460, widgetClassName: 'show-file-icons chat-pill-dropdown' },
302302
);
303303
}
304304

‎src/vs/workbench/browser/media/chatPills.css‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -169,6 +169,14 @@
169169
background-position: center center;
170170
}
171171

172+
.action-widget.chat-pill-dropdown .monaco-list .monaco-list-row.has-toolbar:not(.has-standalone-toggle):not(.has-inline-toggle):not(.has-detail) {
173+
padding-right: 0;
174+
}
175+
176+
.action-widget.chat-pill-dropdown .monaco-list .monaco-list-row.has-toolbar:not(.has-standalone-toggle):not(.has-inline-toggle):not(.has-detail) .action-list-item-toolbar {
177+
margin-right: 0;
178+
}
179+
172180
/* Horizontally scrollable status pills above a chat input. */
173181
.chat-pills-row {
174182
width: 100%;

0 commit comments

Comments
 (0)