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

Sessions: Adjust header height and refine button styles (#306902)

Browse Source 
Adjust header height and padding in CIStatusWidget; refine button styles in changes view

Co-authored-by: mrleemurray <mrleemurray@users.noreply.github.com>
This commit is contained in:
Lee Murray
2026-03-31 20:34:19 +01:00
committed by GitHub
parent ef8b671c06
commit c27cf4f84a
4 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/vs/sessions/contrib/changes/browser/ciStatusWidget.ts
View File

@@ -148,7 +148,7 @@ class CICheckListRenderer implements IListRenderer<ICICheckListItem, ICICheckTem
*/
export class CIStatusWidget extends Disposable {
static readonly HEADER_HEIGHT = 38; // total header height in px
static readonly HEADER_HEIGHT = 34; // total header height in px
static readonly MIN_BODY_HEIGHT = 84; // at least 3 checks (3 * 28)
static readonly PREFERRED_BODY_HEIGHT = 112; // preferred 4 checks (4 * 28)
static readonly MAX_BODY_HEIGHT = 240; // at most ~8 checks

2
src/vs/sessions/contrib/changes/browser/media/changesView.css
View File

@@ -7,7 +7,7 @@
display: flex;
flex-direction: column;
height: 100%;
padding: 4px 8px 8px 8px;
padding: 4px 8px;
box-sizing: border-box;
}

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

@@ -18,10 +18,9 @@
position: relative;
display: flex;
align-items: center;
/* gap: 6px; */
padding: 6px 4px;
padding: 4px;
margin-top: 4px;
border-radius: 8px;
border-radius: 4px;
min-height: 22px;
font-weight: 500;
cursor: pointer;

4
src/vs/sessions/contrib/sessions/browser/media/sessionsViewPane.css
View File

@@ -86,6 +86,10 @@
text-align: left;
}
.agent-sessions-new-button-container .monaco-button:focus {
outline-offset: -1px !important;
}
.agent-sessions-new-button-container .monaco-button .new-session-button-label {
display: inline-flex;
align-items: center;