Skip to content

Update font weight for account widget and customizations header#303158

Merged
mrleemurray merged 1 commit intomainfrom
mrleemurray/underground-cyan-quail
Mar 19, 2026
Merged

Update font weight for account widget and customizations header#303158
mrleemurray merged 1 commit intomainfrom
mrleemurray/underground-cyan-quail

Conversation

@mrleemurray
Copy link
Contributor

Adjust font weights for the account widget and the customizations header label to enhance visual consistency.

Copilot AI review requested due to automatic review settings March 19, 2026 11:04
@mrleemurray mrleemurray enabled auto-merge (squash) March 19, 2026 11:04
@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

This PR adjusts typography in the Agent Sessions window to improve visual consistency between the account widget and the AI customizations header.

Changes:

  • Increase font weight for the AI customizations header button via CSS.
  • Increase font weight for the account widget account button in the sidebar footer via CSS.
  • Update the customizations header label from all-caps to title case.

Reviewed changes

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

File Description
src/vs/sessions/contrib/sessions/browser/media/customizationsToolbar.css Adds a heavier font weight styling rule for the customizations header button.
src/vs/sessions/contrib/sessions/browser/aiCustomizationShortcutsWidget.ts Updates the localized header label text from “CUSTOMIZATIONS” to “Customizations”.
src/vs/sessions/contrib/accountMenu/browser/media/accountWidget.css Adds a heavier font weight for the account button label in the sidebar footer context.
Comments suppressed due to low confidence (1)

src/vs/sessions/contrib/accountMenu/browser/media/accountWidget.css:116

  • This font-weight change is only applied in the .monaco-workbench .part.sidebar > .sidebar-footer ... scoped rule. The unscoped .account-widget-account .account-widget-account-button rule (used in component fixtures/other contexts that don’t have the full sidebar DOM structure) will keep the old weight, which can lead to inconsistent rendering between the real UI and fixtures. Consider mirroring the font-weight in the unscoped rule (or refactoring to avoid duplicating the rules).
.monaco-workbench .part.sidebar > .sidebar-footer .account-widget-account .account-widget-account-button {
	overflow: hidden;
	text-overflow: ellipsis;
	min-width: 0;
	font-weight: 500;
}

.account-widget-account .account-widget-account-button {
	overflow: hidden;
	text-overflow: ellipsis;
	min-width: 0;
}

@mrleemurray mrleemurray merged commit 2bf239a into main Mar 19, 2026
23 checks passed
@mrleemurray mrleemurray deleted the mrleemurray/underground-cyan-quail branch March 19, 2026 11:19
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