From e06393eaf862ca4ff83226eebc320227d10ec60d Mon Sep 17 00:00:00 2001 From: mrleemurray Date: Tue, 10 Feb 2026 10:49:02 +0000 Subject: [PATCH] Reduce activity bar dimensions for improved UI consistency --- .../browser/parts/activitybar/activitybarPart.ts | 4 ++-- .../browser/parts/activitybar/media/activityaction.css | 10 +++++----- .../parts/activitybar/media/activitybarpart.css | 2 +- 3 files changed, 8 insertions(+), 8 deletions(-) diff --git a/src/vs/workbench/browser/parts/activitybar/activitybarPart.ts b/src/vs/workbench/browser/parts/activitybar/activitybarPart.ts index 35069d1fa96..6978ffacbf0 100644 --- a/src/vs/workbench/browser/parts/activitybar/activitybarPart.ts +++ b/src/vs/workbench/browser/parts/activitybar/activitybarPart.ts @@ -49,8 +49,8 @@ export class ActivitybarPart extends Part { //#region IView - readonly minimumWidth: number = 40; - readonly maximumWidth: number = 40; + readonly minimumWidth: number = 36; + readonly maximumWidth: number = 36; readonly minimumHeight: number = 0; readonly maximumHeight: number = Number.POSITIVE_INFINITY; diff --git a/src/vs/workbench/browser/parts/activitybar/media/activityaction.css b/src/vs/workbench/browser/parts/activitybar/media/activityaction.css index 9186e5c7697..0027174d78e 100644 --- a/src/vs/workbench/browser/parts/activitybar/media/activityaction.css +++ b/src/vs/workbench/browser/parts/activitybar/media/activityaction.css @@ -12,7 +12,7 @@ .monaco-workbench .activitybar > .content .composite-bar > .monaco-action-bar .action-item::after { position: absolute; content: ''; - width: 40px; + width: 36px; height: 2px; display: none; background-color: transparent; @@ -46,7 +46,7 @@ z-index: 1; display: flex; overflow: hidden; - width: 40px; + width: 36px; height: 32px; margin-right: 0; box-sizing: border-box; @@ -56,7 +56,7 @@ .monaco-workbench .activitybar > .content :not(.monaco-menu) > .monaco-action-bar .action-label:not(.codicon) { font-size: 15px; line-height: 32px; - padding: 0 0 0 40px; + padding: 0 0 0 36px; } .monaco-workbench .activitybar > .content :not(.monaco-menu) > .monaco-action-bar .action-label.codicon { @@ -157,8 +157,8 @@ .monaco-workbench .activitybar > .content :not(.monaco-menu) > .monaco-action-bar .badge .badge-content { position: absolute; - top: 16px; - right: 7px; + top: 18px; + right: 6px; font-size: 9px; font-weight: 600; min-width: 9px; diff --git a/src/vs/workbench/browser/parts/activitybar/media/activitybarpart.css b/src/vs/workbench/browser/parts/activitybar/media/activitybarpart.css index 644f616aeb5..452cc971b24 100644 --- a/src/vs/workbench/browser/parts/activitybar/media/activitybarpart.css +++ b/src/vs/workbench/browser/parts/activitybar/media/activitybarpart.css @@ -4,7 +4,7 @@ *--------------------------------------------------------------------------------------------*/ .monaco-workbench .part.activitybar { - width: 40px; + width: 36px; height: 100%; }