refactor: simplify layout logic in ChangesViewPane and enhance CIStatusWidget styles

Co-authored-by: Copilot <copilot@github.com>
This commit is contained in:
mrleemurray
2026-03-26 14:52:55 +00:00
parent 872217c276
commit 7e41df97ac
4 changed files with 24 additions and 35 deletions

View File

@@ -16,6 +16,7 @@
/* Header */
.ci-status-widget-header {
position: relative;
display: flex;
align-items: center;
gap: 6px;
@@ -51,8 +52,8 @@
padding-right: 8px;
}
.ci-status-widget:hover .ci-status-widget-counts {
padding-right: 0;
.ci-status-widget.has-fix-actions:hover .ci-status-widget-counts {
visibility: hidden;
}
.ci-status-widget-count-badge {
@@ -84,10 +85,10 @@
}
.ci-status-widget-header-actions {
flex: 0 0 auto;
position: absolute;
right: 0;
display: none;
align-items: center;
margin-left: auto;
}
.ci-status-widget:hover .ci-status-widget-header-actions.has-actions {
@@ -143,7 +144,6 @@
overflow: hidden;
}
.ci-status-widget-check-label .monaco-icon-label {
display: flex;
flex: 1;
@@ -166,19 +166,15 @@
color: var(--vscode-foreground);
}
.ci-status-widget-title.ci-status-success .codicon,
.ci-status-widget-check.ci-status-success .monaco-icon-label::before {
color: var(--vscode-testing-iconPassed, #73c991);
}
.ci-status-widget-title.ci-status-failure .codicon,
.ci-status-widget-check.ci-status-failure .monaco-icon-label::before {
color: var(--vscode-testing-iconFailed, #f14c4c);
}
.ci-status-widget-title.ci-status-running .codicon,
.ci-status-widget-check.ci-status-running .monaco-icon-label::before,
.ci-status-widget-title.ci-status-pending .codicon {
.ci-status-widget-check.ci-status-running .monaco-icon-label::before {
color: var(--vscode-testing-iconQueued, var(--vscode-editorWarning-foreground));
}
@@ -186,7 +182,6 @@
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);
}