Skip to content

Agents: Add shimmer effect for in-progress session titles in sessions list#310168

Merged
mrleemurray merged 3 commits intomainfrom
mrleemurray/good-yellow-swallow
Apr 15, 2026
Merged

Agents: Add shimmer effect for in-progress session titles in sessions list#310168
mrleemurray merged 3 commits intomainfrom
mrleemurray/good-yellow-swallow

Conversation

@mrleemurray
Copy link
Copy Markdown
Contributor

Introduce a shimmer effect for in-progress session titles in the sessions list to enhance visual feedback. The effect activates when a session is in progress and not selected, improving user experience. Adjustments ensure reduced motion preferences are respected.

Copilot AI review requested due to automatic review settings April 15, 2026 16:07
@mrleemurray mrleemurray enabled auto-merge (squash) April 15, 2026 16:07
@mrleemurray mrleemurray self-assigned this Apr 15, 2026
Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Note

Copilot was unable to run its full agentic suite in this review.

Adds a shimmer animation to session titles in the sessions list to visually indicate “in progress” states while respecting reduced-motion preferences.

Changes:

  • Toggles an in-progress CSS class on session list items when SessionStatus.InProgress.
  • Introduces CSS shimmer styling for .session-title when the row is not selected.
  • Disables the animation under prefers-reduced-motion: reduce.

Reviewed changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated 3 comments.

File Description
src/vs/sessions/contrib/sessions/browser/views/sessionsList.ts Adds in-progress class toggling based on session status.
src/vs/sessions/contrib/sessions/browser/media/sessionsList.css Adds shimmer animation styles + reduced-motion override.

Comment thread src/vs/sessions/contrib/sessions/browser/media/sessionsList.css
Comment thread src/vs/sessions/contrib/sessions/browser/media/sessionsList.css Outdated
Comment thread src/vs/sessions/contrib/sessions/browser/media/sessionsList.css Outdated
mrleemurray and others added 2 commits April 15, 2026 17:40
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
@github-actions
Copy link
Copy Markdown
Contributor

Screenshot Changes

Base: 03dd400c Current: aca506e9

Changed (6)

sessions/aiCustomizationShortcutsWidget/Collapsed/Dark
Before After
before after
sessions/aiCustomizationShortcutsWidget/Collapsed/Light
Before After
before after
sessions/aiCustomizationShortcutsWidget/CollapsedWithMcpServers/Dark
Before After
before after
sessions/aiCustomizationShortcutsWidget/CollapsedWithMcpServers/Light
Before After
before after
chat/aiCustomizations/aiCustomizationManagementEditor/McpBrowseMode/Light
Before After
before after
editor/inlineCompletions/other/JumpToHint/Dark
Before After
before after

@mrleemurray mrleemurray merged commit 24973fd into main Apr 15, 2026
26 checks passed
@mrleemurray mrleemurray deleted the mrleemurray/good-yellow-swallow branch April 15, 2026 17:52
@vs-code-engineering vs-code-engineering Bot added this to the 1.117.0 milestone Apr 15, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants