Visitar URL original
Fix chevron size in collapsible chat content by justschen · Pull Request #345030 · microsoft/vscode · GitHub
Skip to content

Fix chevron size in collapsible chat content - #345030

Merged
Justin Chen (justschen) merged 1 commit into
mainfrom
agents/fix-chevron-size-in-collapsible-chat
Oct 30, 2026
Merged

Justin Chen (justschen) merged 1 commit into
mainfrom
agents/fix-chevron-size-in-collapsible-chat

Conversation

@justschen

Copy link
Copy Markdown
Collaborator

This pull request addresses the issue of the chevron codicon appearing larger than intended in the collapsible chat content when edit diff stats are displayed.

Changes made:

  • CSS Update: Adjusted the CSS rule for the chevron in chat.css to ensure it maintains a consistent size of 12px, regardless of its position in the DOM.
  • Test Enhancements: Updated the test file chatListRenderer.test.ts to include regression tests that verify the chevron's size under different conditions, ensuring that it does not exceed the expected dimensions.

Reason for changes:

  • The chevron was previously rendered at 16px when moved outside of its button context, due to CSS specificity issues. The changes ensure that the chevron remains visually consistent across different states of the chat interface.

This fix has been tested and confirmed to resolve the sizing issue, maintaining the expected appearance in both scenarios with and without edit stats.

Copilot AI balanced review requested due to automatic review settings October 29, 2026 17:31

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🟢 Approval recommended

No active review issues block the change to keep collapsible-chat chevrons compact.

No open issues 🎉

What changed in this PR

Fixes oversized chevrons in collapsible chat content when edit statistics place the icon outside its header button.

Changes:

  • Strengthens the chevron CSS selector so the compact 12px size takes precedence over later-loaded workbench styles.
  • Extracts a shared stylesheet-rule helper and updates regression tests to reproduce the product’s stylesheet ordering.
File Description
src/​vs/​workbench/​contrib/​chat/​test/​browser/​widget/​chatListRenderer.test.ts Reuses stylesheet-rule lookup and tests with workbench codicon styles loaded after chat styles.
src/​vs/​workbench/​contrib/​chat/​browser/​widget/​media/​chat.css Increases selector specificity to preserve the compact chevron size.

Review effort: Balanced

@justschen
Justin Chen (justschen) merged commit cd2259b into main Oct 30, 2026
56 checks passed
@justschen
Justin Chen (justschen) deleted the agents/fix-chevron-size-in-collapsible-chat branch October 30, 2026 02:35
@vs-code-engineering vs-code-engineering Bot added this to the 1.145.0 milestone Oct 30, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants