Skip to content

Move customization list scrollbar to pane edge #335355

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
Paul (pwang347) merged 10 commits into from
Sep 11, 2026
Merged

Move customization list scrollbar to pane edge #335355

Changes from 1 commit
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
afa7805
Move customization list scrollbar to pane edge
pwang347 Sep 9, 2026
9476b42
Refine customization scrollbar layout
pwang347 Sep 10, 2026
fd79874
Align migration scrollbar with pane edge
pwang347 Sep 10, 2026
1a45104
Exercise nested migration scrollbars
pwang347 Sep 10, 2026
e84304a
Polish customization scrollbar implementation
pwang347 Sep 10, 2026
bd601da
test: update customization screenshot hashes
pwang347 Sep 10, 2026
784af5a
Fix clipped Extension Tools list
pwang347 Sep 10, 2026
7177aa0
test: update Tools screenshot hashes
pwang347 Sep 10, 2026
cef1a6f
Merge origin/main into customizations scrollbar fix
pwang347 Sep 10, 2026
bf52326
test: update merged customization screenshots
pwang347 Sep 10, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
20 changes: 20 additions & 0 deletions src/vs/workbench/contrib/chat/browser/aiCustomization/media/aiCustomizationManagement.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -250,6 +250,26 @@
box-sizing: border-box;
}

/* Let the scrollbar reach the pane edge while keeping list content aligned to the pane inset. */
.ai-customization-management-editor .prompts-content-container > .ai-customization-list-widget.plugin-list-widget {
width: calc(100% + var(--vscode-spacing-size400) + var(--vscode-spacing-size400));
margin-inline: calc(-1 * var(--vscode-spacing-size400));
}

.ai-customization-management-editor .prompts-content-container > .ai-customization-list-widget.plugin-list-widget > .section-title-header,
.ai-customization-management-editor .prompts-content-container > .ai-customization-list-widget.plugin-list-widget > .list-search-and-button-container,
.ai-customization-management-editor .prompts-content-container > .ai-customization-list-widget.plugin-list-widget .plugin-card-scroll {
width: min(calc(100% - var(--vscode-spacing-size400) - var(--vscode-spacing-size400)), 840px);
}

.ai-customization-management-editor .prompts-content-container > .ai-customization-list-widget.plugin-list-widget > .plugin-card-scrollable {
max-width: none;
}

.ai-customization-management-editor .prompts-content-container > .ai-customization-list-widget.plugin-list-widget .plugin-card-scroll {
margin-inline: auto;
}

.plugin-list-widget > .section-title-header,
.plugin-list-widget > .plugin-marketplace-back-container,
.plugin-list-widget > .list-search-and-button-container,
Expand Down
Loading