Skip to content

Fixes hidden css stylesheet order dependency#322619

Open
hediet wants to merge 1 commit into
mainfrom
hediet/b/fit-pig
Open

Fixes hidden css stylesheet order dependency#322619
hediet wants to merge 1 commit into
mainfrom
hediet/b/fit-pig

Conversation

@hediet

@hediet hediet commented Jun 23, 2026

Copy link
Copy Markdown
Member

No description provided.

Copilot AI review requested due to automatic review settings June 23, 2026 21:37
@hediet hediet assigned hediet and benibenj and unassigned hediet Jun 23, 2026

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.

Pull request overview

This PR addresses hidden CSS override fragility caused by stylesheet concatenation order by increasing selector specificity so intended overrides win deterministically.

Changes:

  • Increase specificity of the chat agent feedback review confirmation padding override so it wins over the generic confirmation widget padding rule regardless of CSS ordering.
  • Increase specificity of .sidebar-action-button styling in the Agents window so it reliably overrides base .monaco-text-button rules.
Show a summary per file
File Description
src/vs/workbench/contrib/chat/browser/widget/chatContentParts/media/chatAgentFeedbackReviewConfirmation.css Raises specificity of the feedback review list padding override to avoid order-dependent behavior.
src/vs/sessions/browser/media/sidebarActionButton.css Raises specificity of sidebar action button styling to avoid order-dependent overrides vs base button styles.

Copilot's findings

  • Files reviewed: 2/3 changed files
  • Comments generated: 1

Comment on lines +131 to 139
/* The extra :not(:has(.chat-confirmation-message-terminal)) qualifier is a no-op
* here (a feedback review list never contains a terminal) but raises this rule's
* specificity above the generic
* `.chat-confirmation-widget2 .chat-confirmation-widget-message:not(:has(.chat-confirmation-message-terminal))`
* padding rule in chatConfirmationWidget.css so this override wins regardless of
* stylesheet concatenation order. */
.chat-confirmation-widget2 .chat-confirmation-widget-message:has(.chat-agent-feedback-review-list):not(:has(.chat-confirmation-message-terminal)) {
padding: var(--vscode-spacing-size60) var(--vscode-spacing-size120) var(--vscode-spacing-size60) var(--vscode-spacing-size60);
}
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.

4 participants