Align expanded chat entry border-radius with cornerRadius-medium#297058
Merged
daviddossett merged 1 commit intomainfrom Feb 23, 2026
Merged
Align expanded chat entry border-radius with cornerRadius-medium#297058daviddossett merged 1 commit intomainfrom
daviddossett merged 1 commit intomainfrom
Conversation
Replace hardcoded 4px/6px border-radius values in chat expanded entries (thinking collapsible, terminal content, confirmation widgets, tool output) with var(--vscode-cornerRadius-medium) to match codeblocks, markdown tables, and confirmation widget2.
Contributor
There was a problem hiding this comment.
Pull request overview
This PR standardizes border-radius values across chat entry components by replacing hardcoded pixel values (4px and 6px) with the CSS variable var(--vscode-cornerRadius-medium) which is defined as 6px. This aligns the visual appearance of thinking lists, terminal content, confirmation widgets, and tool output with existing chat UI elements like codeblocks, markdown tables, and the chat-confirmation-widget2.
Changes:
- Replaced all hardcoded
4pxand6pxborder-radius values withvar(--vscode-cornerRadius-medium)in chat entry components - Ensures visual consistency across all expanded chat entry elements (thinking lists, terminal content, tool output, confirmation widgets)
- Components previously using
4pxwill now render with6pxborder-radius for better alignment with codeblocks and tables
Reviewed changes
Copilot reviewed 4 out of 4 changed files in this pull request and generated no comments.
| File | Description |
|---|---|
| chat.css | Updated tool-output-part border-radius from 6px to use CSS variable |
| chatThinkingContent.css | Updated thinking collapsible list border-radius from 4px to use CSS variable |
| chatTerminalToolProgressPart.css | Updated terminal content title and output container border-radius from 4px to use CSS variable |
| chatConfirmationWidget.css | Updated confirmation widget, message container, and tool invocation message border-radius from 4px to use CSS variable |
TylerLeonhardt
approved these changes
Feb 23, 2026
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Replace hardcoded
4px/6pxborder-radius values in expanded chat entries withvar(--vscode-cornerRadius-medium)to align with codeblocks, markdown tables, andchat-confirmation-widget2.Changes
chatThinkingContent.css4pxvar(--vscode-cornerRadius-medium)chatTerminalToolProgressPart.css4pxvar(--vscode-cornerRadius-medium)chatTerminalToolProgressPart.css4pxvar(--vscode-cornerRadius-medium)chatConfirmationWidget.css4pxvar(--vscode-cornerRadius-medium)chatConfirmationWidget.css4pxvar(--vscode-cornerRadius-medium)chatConfirmationWidget.css4pxvar(--vscode-cornerRadius-medium)chat.css6pxvar(--vscode-cornerRadius-medium)