From 7829709b0f464b2ce3174d3366ea98afbeea5845 Mon Sep 17 00:00:00 2001 From: Hawk Ticehurst <39639992+hawkticehurst@users.noreply.github.com> Date: Thu, 9 Apr 2026 16:43:53 -0400 Subject: [PATCH] sessions: round layout sashes (#308856) Scope the sessions-only sash styling to round the hover indicator and orthogonal drag handles, and document the layout update in LAYOUT.md. Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com> --- src/vs/sessions/LAYOUT.md | 3 +++ src/vs/sessions/browser/media/style.css | 8 ++++++++ 2 files changed, 11 insertions(+) diff --git a/src/vs/sessions/LAYOUT.md b/src/vs/sessions/LAYOUT.md index c12d2ac8fcf..5cc35ce4924 100644 --- a/src/vs/sessions/LAYOUT.md +++ b/src/vs/sessions/LAYOUT.md @@ -429,6 +429,8 @@ Parts manage their own border and background styling via the `updateStyles()` me | Auxiliary Bar | Card appearance via CSS variables `--part-background` / `--part-border-color`, with a light-theme-only CSS border-color override | Uses `sessionsAuxiliaryBarBackground` / `PANEL_BORDER`; default light themes map this card to `editorBackground` and darken the outline with `editorWidget.border`, while dark and high-contrast themes keep the existing sidebar-style surface; margins create card offset | | Panel | Card appearance via CSS variables `--part-background` / `--part-border-color`, with a light-theme-only CSS border-color override | Uses `sessionsPanelBackground` / `PANEL_BORDER`; default light themes map this card to `editorBackground` and darken the outline with `editorWidget.border`, while dark and high-contrast themes keep the existing sidebar-style surface; margins create card offset | +The sessions workbench also scopes its resize sash styling in `browser/media/style.css`, rounding the sash hover indicator and orthogonal drag handles so the layout chrome matches the card surfaces. + --- ### 9.6 Auxiliary Bar Run Script Dropdown @@ -647,6 +649,7 @@ interface IPartVisibilityState { | Date | Change | |------|--------| | 2026-04-08 | Darkened the light-theme-only chat, auxiliary bar, and panel card borders with a sessions-specific CSS `border-color` override that uses `editorWidget.border`; dark and high-contrast themes continue using the existing part border tokens. | +| 2026-04-08 | Rounded the sessions workbench sash hover indicators and orthogonal drag handles via `browser/media/style.css` so resize handles use rounded corners instead of square edges. | | 2026-04-04 | Inverted the default light-theme surface mapping so the sessions window background uses the off-white workbench/sidebar surface while the chat, changes, and panel cards use the brighter editor background; dark and high-contrast mappings remain unchanged. | | 2026-04-03 | Updated `SessionsTitleBarWidget` to format active session titles as `{Title} ยท {repo name} ({git branch/worktree name})` when repository detail metadata is available, falling back to the worktree folder name when needed. | | 2026-04-03 | Reduced the sessions left sidebar minimum resizable width from 270px to 170px so it can shrink significantly more while keeping the default 300px width unchanged | diff --git a/src/vs/sessions/browser/media/style.css b/src/vs/sessions/browser/media/style.css index 2ba614328a2..a8098d1e09e 100644 --- a/src/vs/sessions/browser/media/style.css +++ b/src/vs/sessions/browser/media/style.css @@ -64,6 +64,14 @@ background-color: var(--vscode-sessionsSidebar-background); } +.agent-sessions-workbench .monaco-sash:before { + border-radius: calc(var(--vscode-sash-hover-size) / 2); +} + +.agent-sessions-workbench .monaco-sash:not(.disabled) > .orthogonal-drag-handle { + border-radius: var(--vscode-sash-size); +} + .monaco-workbench.vs.agent-sessions-workbench .part.chatbar, .monaco-workbench.vs.agent-sessions-workbench .part.auxiliarybar, .monaco-workbench.vs.agent-sessions-workbench .part.panel {