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

style: update margin and padding values for improved layout consistency across UI components

Browse Source 
Co-authored-by: Copilot <copilot@github.com>
This commit is contained in:
mrleemurray
2026-03-27 14:24:16 +00:00
parent 5f94f19fed
commit 1fabac90f2
10 changed files with 25 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/vs/sessions/browser/media/style.css
View File

@@ -24,7 +24,7 @@
}
.agent-sessions-workbench .part.chatbar {
margin: 0 8px 0px 8px;
margin: 0 10px 0px 10px;
background: var(--part-background);
border: 1px solid var(--part-border-color, transparent);
border-radius: 8px;
@@ -36,7 +36,7 @@
}
.agent-sessions-workbench .part.auxiliarybar {
margin: 0 8px 0px 0;
margin: 0 10px 0px 0;
background: var(--part-background);
border: 1px solid var(--part-border-color, transparent);
border-radius: 8px;
@@ -44,7 +44,7 @@
}
.agent-sessions-workbench .part.panel {
margin: 0 8px 8px 8px;
margin: 0 10px 10px 10px;
background: var(--part-background);
border: 1px solid var(--part-border-color, transparent);
border-radius: 8px;
@@ -106,7 +106,7 @@
margin: 0 auto !important;
display: inherit !important;
/* Align with panel (terminal) card margin */
padding: 4px 8px 8px 8px !important;
padding: 4px 10px 10px 10px !important;
box-sizing: border-box;
}
@@ -212,19 +212,19 @@
transform: translateX(-6px);
}
/* Panel (bottom): slides down from 6px above → margin: 0 8px 8px 8px */
/* Panel (bottom): slides down from 6px above → margin: 0 10px 10px 10px */
.agent-sessions-workbench .part.panel {
margin: 6px 14px 14px 14px;
margin: 6px 16px 16px 16px;
}
/* Auxiliary bar (right): slides in from 6px right → margin: 0 8px 0px 0 */
/* Auxiliary bar (right): slides in from 6px right → margin: 0 10px 0px 0 */
.agent-sessions-workbench .part.auxiliarybar {
margin: 0 14px 0px 6px;
margin: 0 16px 0px 6px;
}
/* Chat bar (center-bottom): slides up from 6px below → margin: 0 8px 0px 8px */
/* Chat bar (center-bottom): slides up from 6px below → margin: 0 10px 0px 10px */
.agent-sessions-workbench .part.chatbar {
margin: 6px 14px 0px 14px;
margin: 6px 16px 0px 16px;
}
}

4
src/vs/sessions/browser/parts/auxiliaryBarPart.ts
View File

@@ -48,9 +48,9 @@ export class AuxiliaryBarPart extends AbstractPaneCompositePart {
static readonly viewContainersWorkspaceStateKey = 'workbench.agentsession.auxiliarybar.viewContainersWorkspaceState';
/** Visual margin values for the card-like appearance */
static readonly MARGIN_TOP = 8;
static readonly MARGIN_TOP = 10;
static readonly MARGIN_BOTTOM = 0;
static readonly MARGIN_RIGHT = 8;
static readonly MARGIN_RIGHT = 10;
// Action ID for run script - defined here to avoid layering issues
private static readonly RUN_SCRIPT_ACTION_ID = 'workbench.action.agentSessions.runScript';

6
src/vs/sessions/browser/parts/chatBarPart.ts
View File

@@ -45,9 +45,9 @@ export class ChatBarPart extends AbstractPaneCompositePart { // TODO: should not
override readonly maximumHeight: number = Number.POSITIVE_INFINITY;
/** Visual margin values for the card-like appearance */
static readonly MARGIN_TOP = 8;
static readonly MARGIN_LEFT = 8;
static readonly MARGIN_RIGHT = 8;
static readonly MARGIN_TOP = 10;
static readonly MARGIN_LEFT = 10;
static readonly MARGIN_RIGHT = 10;
static readonly MARGIN_BOTTOM = 0;
/** Border width on the card (1px each side) */

4
src/vs/sessions/browser/parts/media/sidebarPart.css
View File

@@ -36,7 +36,7 @@
gap: 4px;
padding: 6px 0 0 0;
border-top: 1px solid var(--vscode-panel-border, transparent);
margin: 0 8px 0 8px;
margin: 0 10px 2px 10px;
flex-shrink: 0;
}
@@ -49,7 +49,7 @@
content: '';
position: absolute;
top: 0;
left: 8px;
left: 10px;
right: 0;
height: 1px;
background-color: var(--vscode-panel-border, transparent);

6
src/vs/sessions/browser/parts/panelPart.ts
View File

@@ -69,9 +69,9 @@ export class PanelPart extends AbstractPaneCompositePart {
static readonly activePanelSettingsKey = 'workbench.agentsession.panelpart.activepanelid';
/** Visual margin values for the card-like appearance */
static readonly MARGIN_BOTTOM = 8;
static readonly MARGIN_LEFT = 8;
static readonly MARGIN_RIGHT = 8;
static readonly MARGIN_BOTTOM = 10;
static readonly MARGIN_LEFT = 10;
static readonly MARGIN_RIGHT = 10;
constructor(
@INotificationService notificationService: INotificationService,

2
src/vs/sessions/browser/parts/sidebarPart.ts
View File

@@ -64,7 +64,7 @@ export class SidebarPart extends AbstractPaneCompositePart {
private static readonly FOOTER_ITEM_HEIGHT = 26;
private static readonly FOOTER_ITEM_GAP = 4;
private static readonly FOOTER_VERTICAL_PADDING = 6;
private static readonly FOOTER_BOTTOM_MARGIN = 0;
private static readonly FOOTER_BOTTOM_MARGIN = 2;
private static readonly FOOTER_BORDER_TOP = 1;
private footerContainer: HTMLElement | undefined;

2
src/vs/sessions/contrib/chat/browser/media/chatWelcomePart.css
View File

@@ -12,7 +12,7 @@
height: 100%;
box-sizing: border-box;
overflow: hidden;
padding: 0 8px 48px 8px;
padding: 0 10px 48px 10px;
container-type: size;
}

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

@@ -8,7 +8,7 @@
flex-direction: column;
flex-shrink: 0;
border-top: 1px solid var(--vscode-panel-border, transparent);
margin: 0 8px;
margin: 0 10px;
padding: 6px 0;
}

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

@@ -9,7 +9,7 @@
min-height: 0;
.pane-body & .monaco-scrollable-element {
padding: 0 8px;
padding: 0 10px;
}
.monaco-list-row {

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

@@ -74,7 +74,7 @@
}
.agent-sessions-new-button-container {
padding: 0 8px 8px 8px;
padding: 0 10px 10px 10px;
}
.agent-sessions-new-button-container .monaco-button {