Refactor CI Status Widget CSS for improved layout and visibility

Co-authored-by: Copilot <copilot@github.com>
This commit is contained in:
mrleemurray
2026-03-31 15:41:55 +01:00
parent 8c99a135c1
commit d6c22f5130

View File

@@ -18,7 +18,7 @@
position: relative;
display: flex;
align-items: center;
gap: 6px;
/* gap: 6px; */
padding: 6px 4px;
margin-top: 4px;
border-radius: 8px;
@@ -90,11 +90,6 @@
padding-right: 8px;
}
.ci-status-widget.has-fix-actions:hover .ci-status-widget-counts,
.ci-status-widget.has-fix-actions:focus-within .ci-status-widget-counts {
visibility: hidden;
}
.ci-status-widget-count-badge {
display: inline-flex;
align-items: center;
@@ -125,13 +120,8 @@
.ci-status-widget-header-actions {
flex-shrink: 0;
display: none;
align-items: center;
}
.ci-status-widget:hover .ci-status-widget-header-actions.has-actions,
.ci-status-widget:focus-within .ci-status-widget-header-actions.has-actions {
display: flex;
align-items: center;
}
.ci-status-widget-header-actions .monaco-action-bar {