sessions: extend section header hover background to full width#308285
Merged
sessions: extend section header hover background to full width#308285
Conversation
Move horizontal padding from the scroll container to individual session item rows so that section headers (group titles) span edge-to-edge on hover while session cards keep their inset with rounded corners. Fixes #307718 Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
Contributor
There was a problem hiding this comment.
Pull request overview
Updates the Sessions list styling in the Agents/Sessions window (vs/sessions) so section header rows can render hover/selection backgrounds edge-to-edge, while session item “cards” keep their inset spacing and rounded corners—addressing the UI request in #307718.
Changes:
- Removed horizontal padding from the list scroll/sticky containers to allow full-width header hover backgrounds.
- Applied inset layout (margin + adjusted width) and rounded corners specifically to list rows that contain session items.
- Adjusted
.session-show-moreand.session-sectionpadding to match the new inset model.
Show a summary per file
| File | Description |
|---|---|
src/vs/sessions/contrib/sessions/browser/media/sessionsList.css |
Moves horizontal inset responsibility from the scroll container to session item rows so headers can span full width on hover/selection while cards remain inset/rounded. |
Copilot's findings
- Files reviewed: 1/1 changed files
- Comments generated: 0
lszomoru
approved these changes
Apr 7, 2026
Contributor
Screenshot ChangesBase: Changed (7)
|
| Before | After |
|---|---|
 |
 |
chat/chatQuestionCarousel/NoSkip/Light
| Before | After |
|---|---|
 |
 |
chat/aiCustomizations/aiCustomizationManagementEditor/HooksTab/Dark
| Before | After |
|---|---|
 |
 |
chat/aiCustomizations/aiCustomizationManagementEditor/HooksTab/Light
| Before | After |
|---|---|
 |
 |
chat/aiCustomizations/aiCustomizationManagementEditor/PromptsTab/Dark
| Before | After |
|---|---|
 |
 |
chat/aiCustomizations/aiCustomizationManagementEditor/PluginBrowseMode/Dark
| Before | After |
|---|---|
 |
 |
chat/aiCustomizations/aiCustomizationManagementEditor/PromptsTabScrolled/Light
| Before | After |
|---|---|
 |
 |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Move horizontal padding from the scroll container to individual session item rows so that section headers (group titles) span edge-to-edge on hover while session cards keep their inset with rounded corners.
Fixes #307718