Skip to content

Apply consistent border-radius to tables, code blocks, and code block toolbars in chat#294275

Merged
daviddossett merged 1 commit intomainfrom
ddossett/markdown-tables
Feb 11, 2026
Merged

Apply consistent border-radius to tables, code blocks, and code block toolbars in chat#294275
daviddossett merged 1 commit intomainfrom
ddossett/markdown-tables

Conversation

@daviddossett
Copy link
Copy Markdown
Collaborator

@daviddossett daviddossett commented Feb 11, 2026

Applies consistent var(--vscode-cornerRadius-medium) border-radius to rendered markdown elements in chat:

  • Tables: rounded corners with clean cell borders (no doubled borders)
  • Code blocks: updated from hardcoded 4px to var(--vscode-cornerRadius-medium)
  • Code block toolbars: added var(--vscode-cornerRadius-medium) to the hover toolbar container, removed redundant per-element radius overrides

Copilot AI review requested due to automatic review settings February 11, 2026 01:18
@daviddossett daviddossett force-pushed the ddossett/markdown-tables branch 2 times, most recently from e329138 to 0efa075 Compare February 11, 2026 01:20
Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

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

Pull request overview

This pull request improves the visual styling of tables rendered in chat markdown responses. The changes modernize table appearance by adding rounded corners and ensuring clean single-line borders without visual artifacts.

Changes:

  • Added rounded corners to tables using the --vscode-cornerRadius-medium CSS variable (6px)
  • Switched from border-collapse: collapse to border-spacing: 0 to enable border-radius support
  • Implemented selective border removal on cells using :last-child pseudo-selectors to avoid doubled borders

Comment thread src/vs/workbench/contrib/chat/browser/widget/media/chat.css
Comment thread src/vs/workbench/contrib/chat/browser/widget/media/chat.css Outdated
@daviddossett daviddossett force-pushed the ddossett/markdown-tables branch from 0efa075 to f00cbf5 Compare February 11, 2026 01:23
@daviddossett daviddossett changed the title Improve rendered markdown table styling in chat Apply consistent border-radius to tables, code blocks, and code block toolbars in chat Feb 11, 2026
@daviddossett daviddossett force-pushed the ddossett/markdown-tables branch from f00cbf5 to 773076a Compare February 11, 2026 01:40
@daviddossett daviddossett marked this pull request as ready for review February 11, 2026 02:10
@vs-code-engineering vs-code-engineering bot added this to the February 2026 milestone Feb 11, 2026
@daviddossett daviddossett merged commit 50a1635 into main Feb 11, 2026
28 of 29 checks passed
@daviddossett daviddossett deleted the ddossett/markdown-tables branch February 11, 2026 02:24
@vs-code-engineering vs-code-engineering bot locked and limited conversation to collaborators Mar 28, 2026
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants