Microsoft/vscode
1
0
Fork 0
mirror of https://github.com/microsoft/vscode.git synced 2026-08-15 10:15:04 +01:00
Code Issues Packages Projects Releases Wiki Activity

Style overrides: Add uniform padding for empty badge-content in activity bar (#328713)

Browse Source 
* Add uniform padding for empty badge-content in activity bar

* Set fixed width for empty badge-content in activity bar

Co-authored-by: Copilot <copilot@github.com>

---------

Co-authored-by: mrleemurray <mrleemurray@users.noreply.github.com>
Co-authored-by: Copilot <copilot@github.com>
This commit is contained in:
Lee Murray
2026-08-04 09:07:19 +00:00
committed by GitHub
co-authored by mrleemurray Copilot
parent 59ec7e5999
commit 360d5ce13f
1 changed files with 24 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/vs/workbench/contrib/styleOverrides/browser/media/activityBar.css
+24
View File
@@ -341,16 +341,40 @@
overflow: visible;
}
/* When badge-content is empty (icon-only via ::before, e.g. the update badge), use uniform padding so it stays circular. */
.style-override.monaco-workbench .pane-composite-part > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .badge .badge-content:empty,
.style-override.monaco-workbench .pane-composite-part > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .badge .badge-content:empty {
padding: 2px;
}
.style-override.monaco-workbench .pane-composite-part > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item.icon .badge.compact .badge-content:empty,
.style-override.monaco-workbench .pane-composite-part > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item.icon .badge.compact .badge-content:empty {
padding: 0;
border-radius: var(--vscode-cornerRadius-circle);
}
.style-override.monaco-workbench .activitybar > .content :not(.monaco-menu) > .monaco-action-bar .badge .badge-content {
top: 18px;
right: 2px;
}
.style-override.monaco-workbench .activitybar > .content :not(.monaco-menu) > .monaco-action-bar .badge .badge-content:empty {
padding: 0;
border-radius: var(--vscode-cornerRadius-circle);
width: 16px;
}
.style-override.monaco-workbench .activitybar.compact > .content :not(.monaco-menu) > .monaco-action-bar .badge .badge-content {
top: 13px;
right: 2px;
}
.style-override.monaco-workbench .activitybar.compact > .content :not(.monaco-menu) > .monaco-action-bar .badge .badge-content:empty {
padding: 0;
border-radius: var(--vscode-cornerRadius-circle);
width: 13px;
}
.style-override.monaco-workbench .pane-composite-part > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item:focus .active-item-indicator {
overflow: visible;
}