From aefe8af42102470cd20e4fd6f28b635b58a3a657 Mon Sep 17 00:00:00 2001 From: Sandeep Somavarapu Date: Sat, 14 Feb 2026 11:41:51 +0100 Subject: [PATCH] style: adjust sidebar footer padding and account widget button styles --- src/vs/sessions/browser/parts/media/sidebarPart.css | 2 +- src/vs/sessions/browser/parts/sidebarPart.ts | 2 +- .../accountMenu/browser/media/accountWidget.css | 11 +++++++++-- 3 files changed, 11 insertions(+), 4 deletions(-) diff --git a/src/vs/sessions/browser/parts/media/sidebarPart.css b/src/vs/sessions/browser/parts/media/sidebarPart.css index e1933b91bf8..1c845edee3b 100644 --- a/src/vs/sessions/browser/parts/media/sidebarPart.css +++ b/src/vs/sessions/browser/parts/media/sidebarPart.css @@ -12,7 +12,7 @@ .monaco-workbench .part.sidebar > .sidebar-footer { display: flex; align-items: center; - padding: 8px 6px; + padding: 6px; border-top: 1px solid var(--vscode-sideBarSectionHeader-border, transparent); flex-shrink: 0; } diff --git a/src/vs/sessions/browser/parts/sidebarPart.ts b/src/vs/sessions/browser/parts/sidebarPart.ts index dcb12bda6dd..fcae124b6e1 100644 --- a/src/vs/sessions/browser/parts/sidebarPart.ts +++ b/src/vs/sessions/browser/parts/sidebarPart.ts @@ -53,7 +53,7 @@ export class SidebarPart extends AbstractPaneCompositePart { static readonly MARGIN_TOP = 0; static readonly MARGIN_BOTTOM = 0; static readonly MARGIN_LEFT = 0; - static readonly FOOTER_HEIGHT = 35; + static readonly FOOTER_HEIGHT = 39; //#region IView diff --git a/src/vs/sessions/contrib/accountMenu/browser/media/accountWidget.css b/src/vs/sessions/contrib/accountMenu/browser/media/accountWidget.css index bd4e045d487..0ced18e7526 100644 --- a/src/vs/sessions/contrib/accountMenu/browser/media/accountWidget.css +++ b/src/vs/sessions/contrib/accountMenu/browser/media/accountWidget.css @@ -13,17 +13,19 @@ align-items: center; justify-content: space-between; width: 100%; + gap: 8px; } /* Account Button */ .monaco-workbench .part.sidebar > .sidebar-footer .account-widget-account { overflow: hidden; min-width: 0; + flex: 1; } .monaco-workbench .part.sidebar > .sidebar-footer .account-widget-account-button { border: none; - padding: 2px 6px; + padding: 4px 8px; font-size: 12px; height: auto; white-space: nowrap; @@ -31,6 +33,10 @@ text-overflow: ellipsis; background: transparent; color: var(--vscode-sideBar-foreground); + width: 100%; + text-align: left; + justify-content: flex-start; + border-radius: 4px; } .monaco-workbench .part.sidebar > .sidebar-footer .account-widget-account-button:hover { @@ -45,6 +51,7 @@ .monaco-workbench .part.sidebar > .sidebar-footer .account-widget-update-button { font-size: 12px; height: auto; - padding: 2px 8px; + padding: 4px 8px; white-space: nowrap; + border-radius: 4px; }