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

Improve CI status widget icons and layout in sessions changes view (#302425)

Browse Source 
* fix: update CI status widget icons for pending state

* fix: update CI status widget action icon and add default case for check icon

* fix: improve CIStatusWidget layout handling and height management

* fix: use Codicon.loading instead of spinningLoading for ResourceLabel compatibility

The spinningLoading ThemeIcon (id: loading~spin) gets rendered as a single
CSS class 'codicon-loading~spin' by ResourceLabels, which doesn't match the
'.codicon-loading::before' CSS rule needed for the icon content. Using
Codicon.loading directly produces the class 'codicon-loading', which has both
the icon glyph and the spin animation defined in codicon-modifiers.css.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

---------

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
This commit is contained in:
Benjamin Christopher Simmonds
2026-03-17 14:18:05 +01:00
committed by GitHub
parent a9b6b5e181
commit 907d1f1619
3 changed files with 115 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/vs/sessions/contrib/changes/browser/media/ciStatusWidget.css
View File

@@ -152,11 +152,14 @@
.ci-status-widget-title.ci-status-running .monaco-icon-label::before,
.ci-status-widget-check.ci-status-running .monaco-icon-label::before,
.ci-status-widget-title.ci-status-pending .monaco-icon-label::before,
.ci-status-widget-check.ci-status-pending .monaco-icon-label::before {
.ci-status-widget-title.ci-status-pending .monaco-icon-label::before {
color: var(--vscode-testing-iconQueued, var(--vscode-editorWarning-foreground));
}
.ci-status-widget-check.ci-status-pending .monaco-icon-label::before {
color: var(--vscode-descriptionForeground);
}
.ci-status-widget-title.ci-status-neutral .monaco-icon-label::before,
.ci-status-widget-check.ci-status-neutral .monaco-icon-label::before {
color: var(--vscode-descriptionForeground);