Skip to content

Include problem count badge in high contrast pane header outline - #336913

Open
Mayank Kamra (mkamra2000) wants to merge 2 commits into
microsoft:mainfrom
mkamra2000:fix/high-contrast-pane-header-outline
Open

Mayank Kamra (mkamra2000) wants to merge 2 commits into
microsoft:mainfrom
mkamra2000:fix/high-contrast-pane-header-outline

Conversation

@mkamra2000

Copy link
Copy Markdown

Fixes #172569

Summary of Changes

In Dark High Contrast and Light High Contrast themes, the pane section header focus/contrast outline only wrapped the text label, excluding the adjacent problem/item counter badge.

This change adjusts the header outline boundary so that both the title label and its associated count badge are enclosed inside the contrast outline together.

Verification Steps

  1. Switch to Dark High Contrast theme (Preferences: Color Theme).
  2. Open the Problems panel (or any view pane with an active item count) so the badge is visible.
  3. Focus/hover the pane header and verify the outline encompasses both the title and the count badge.
  4. Repeat in Light High Contrast.
  5. Switch to a standard theme (e.g., Dark+, Light+) to confirm no border or layout regressions.

Screenshots

High Contrast (Before) High Contrast (After)
image image

In Dark and Light High Contrast themes, the focus/contrast outline on panel
section headers only enclosed the title label, excluding the adjacent problem/item
count badge.

Adjust the outline target and layout container so the focus boundary wraps both
the section label and its counter badge consistently.

Fixes microsoft#172569
Copilot AI balanced review requested due to automatic review settings September 20, 2026 12:01
@vs-code-engineering

vs-code-engineering Bot commented Sep 20, 2026

Copy link
Copy Markdown
Contributor

📬 CODENOTIFY

The following users are being notified based on files changed in this PR:

Benjamin Christopher Simmonds (@benibenj)

Matched files:

  • src/vs/sessions/browser/parts/media/sessionsPart.css
  • src/vs/workbench/browser/parts/auxiliarybar/media/auxiliaryBarPart.css
  • src/vs/workbench/browser/parts/media/paneCompositePart.css

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.

Copilot review overview

🟡 Changes recommended

Incomplete selector migration causes nested outlines and still excludes badges in some layouts.

Get a fresh assessment by requesting another Copilot review.

Review effort: Balanced
Findings: 1 Medium severity

Open (1)
What changed in this PR

Expands high-contrast pane header outlines to include count badges.

Changes:

  • Moves title outlines from labels to complete action items.
File Description
src/​vs/​workbench/​browser/​parts/​media/​paneCompositePart.css Updates pane header outline selectors.

💡 Configure MCP servers for context-aware, tailored reviews. Learn more in the docs.

Comment thread src/vs/workbench/browser/parts/media/paneCompositePart.css
@mkamra2000

This comment was marked as resolved.

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.

High contrast panel section header outlines don't include problem count

3 participants