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

Refactor CI Status Widget: Adjust header height, improve padding, and enhance hover/focus styles

Browse Source 
Co-authored-by: Copilot <copilot@github.com>
This commit is contained in:
mrleemurray
2026-03-31 14:52:42 +01:00
parent 2caf5f7a9c
commit 0fbb436619
2 changed files with 13 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -19,7 +19,7 @@
display: flex;
align-items: center;
gap: 6px;
padding: 6px 2px;
padding: 6px 4px;
margin-top: 2px;
border-radius: 8px;
min-height: 22px;
@@ -28,6 +28,15 @@
user-select: none;
}
.ci-status-widget-header:hover {
background-color: var(--vscode-list-hoverBackground);
}
.ci-status-widget-header:focus-visible {
outline: 1px solid var(--vscode-focusBorder);
outline-offset: -1px;
}
/* Chevron — right-aligned, visible on hover only */
.ci-status-widget-header .group-chevron {
flex-shrink: 0;