Skip to content

Sessions: Add styling for the auxiliary bar part#303145

Merged
mrleemurray merged 1 commit intomainfrom
mrleemurray/young-pink-leech
Mar 19, 2026
Merged

Sessions: Add styling for the auxiliary bar part#303145
mrleemurray merged 1 commit intomainfrom
mrleemurray/young-pink-leech

Conversation

@mrleemurray
Copy link
Contributor

Introduce new CSS styles for the auxiliary bar part to enhance the visual presentation and user experience. The changes include modern action label styling and adjustments to padding and background for active states.

Co-authored-by: Copilot <copilot@github.com>
Copilot AI review requested due to automatic review settings March 19, 2026 10:18
@mrleemurray mrleemurray enabled auto-merge (squash) March 19, 2026 10:18
@mrleemurray mrleemurray self-assigned this Mar 19, 2026
@vs-code-engineering vs-code-engineering bot added this to the 1.113.0 milestone Mar 19, 2026
Copy link
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

Adds sessions-specific CSS overrides to restyle composite-bar action items in the Agent Sessions workbench, with a focus on “pill” active states and padding tweaks for the auxiliary bar (and panel).

Changes:

  • Add sessions-only auxiliary bar CSS to adjust action label typography/padding and checked-state background.
  • Add sessions-only panel CSS to hide the underline indicator, adjust title padding, and add checked-state background.
  • Wire the new auxiliary bar stylesheet into the sessions auxiliary bar part entrypoint.

Reviewed changes

Copilot reviewed 3 out of 3 changed files in this pull request and generated 3 comments.

File Description
src/vs/sessions/browser/parts/media/panelPart.css Adds sessions panel composite-bar styling overrides (hide underline indicator, padding, checked background).
src/vs/sessions/browser/parts/media/auxiliaryBarPart.css New sessions auxiliary bar stylesheet for composite-bar label and checked-state styling.
src/vs/sessions/browser/parts/auxiliaryBarPart.ts Imports the new sessions auxiliary bar stylesheet so it applies at runtime.

Comment on lines +33 to +37
/* Hide the underline indicator entirely */
.agent-sessions-workbench .part.auxiliarybar > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item .active-item-indicator:before {
display: none !important;
}

Comment on lines +13 to +14
/* Hide the underline indicator entirely */
.agent-sessions-workbench .part.panel > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item .active-item-indicator:before {
@mrleemurray mrleemurray merged commit b2b9f3d into main Mar 19, 2026
23 checks passed
@mrleemurray mrleemurray deleted the mrleemurray/young-pink-leech branch March 19, 2026 10:32
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