Skip to content

Fix visual inconsistency between changes file count and customization counts#307708

Open
Copilot wants to merge 3 commits intomainfrom
copilot/fix-issue-307707
Open

Fix visual inconsistency between changes file count and customization counts#307708
Copilot wants to merge 3 commits intomainfrom
copilot/fix-issue-307707

Conversation

Copy link
Copy Markdown
Contributor

Copilot AI commented Apr 3, 2026

The file count badge in the Changes panel header used a pill/badge style (background, border-radius, bold weight) while customization counts in the sidebar used plain dimmed text — two different treatments for semantically equivalent summary numbers.

Removes the badge styling from .changes-files-count to match the .source-count-num style used by customization counts:

/* Before */
.changes-view-body .changes-files-count {
    padding: 2px 0;
    border-radius: 4px;
    background-color: color-mix(in srgb, var(--vscode-foreground) 10%, transparent);
    font-weight: 600;
    min-width: 16px;
    text-align: center;
}

/* After */
.changes-view-body .changes-files-count {
    color: var(--vscode-descriptionForeground);
    opacity: 0.8;
}
Original prompt

Fix issue #307707

Created from VS Code.

…ation count

Agent-Logs-Url: https://github.com/microsoft/vscode/sessions/70b39f68-8832-487c-a93b-dfee47220c36

Co-authored-by: jo-oikawa <14115185+jo-oikawa@users.noreply.github.com>
Copilot AI changed the title [WIP] Fix issue 307707 in VSCode Fix visual inconsistency between changes file count and customization counts Apr 3, 2026
Copilot AI requested a review from jo-oikawa April 3, 2026 20:14
@jo-oikawa jo-oikawa marked this pull request as ready for review April 3, 2026 21:04
Copilot AI review requested due to automatic review settings April 3, 2026 21:04
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

Aligns the “Changes” panel file-count styling with the “Customizations” sidebar count styling in the Sessions (Agents) window, resolving the UI inconsistency reported in #307707.

Changes:

  • Removes pill/badge-like styling (padding, background, border radius, bold weight, fixed min-width) from .changes-files-count.
  • Applies the same subdued count treatment used by customizations (--vscode-descriptionForeground with opacity: 0.8).
Show a summary per file
File Description
src/vs/sessions/contrib/changes/browser/media/changesView.css Simplifies .changes-files-count styling to match the customizations count visual treatment.

Copilot's findings

  • Files reviewed: 1/1 changed files
  • Comments generated: 0

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