style: adjust sidebar footer padding and account widget button styles

This commit is contained in:
Sandeep Somavarapu
2026-02-14 11:41:51 +01:00
parent 57c2158136
commit aefe8af421
3 changed files with 11 additions and 4 deletions

View File

@@ -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;
}

View File

@@ -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

View File

@@ -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;
}