Skip to content

Fix scrollbar theme#520

Merged
ankit-thesys merged 3 commits into
mainfrom
fix/scrollbar-theme
May 18, 2026
Merged

Fix scrollbar theme#520
ankit-thesys merged 3 commits into
mainfrom
fix/scrollbar-theme

Conversation

@i-subham23
Copy link
Copy Markdown
Contributor

What

Describe the change and why it is needed.

Changes

Test Plan

Describe how you validated this change.

  • Not applicable (explain why)
  • Verified locally

Checklist

  • I linked a related issue, if applicable
  • I updated docs/README when needed
  • I considered backwards compatibility

i-subham23 and others added 2 commits May 18, 2026 16:36
…hell

Add thin, theme-responsive scrollbar styles to all scrollable areas
in both CopilotShell and Shell (FullScreen) layouts:

- Thread scroll area (message list)
- Thread list dropdown (conversation history)

Uses cssUtils.$border-default for thumb color and transparent track,
matching dark/light theme automatically. 6px width with rounded corners.

Affects:
- CopilotShell/thread.scss (.openui-copilot-shell-thread-scroll-area)
- CopilotShell/threadList.scss (.openui-copilot-shell-thread-list-items)
- Shell/thread.scss (.openui-shell-thread-scroll-area)
- Shell/threadlist.scss (.openui-shell-thread-list)

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
…Shell

Updated scrollbar styles in BottomTray and CopilotShell components to improve visual consistency and responsiveness. The scrollbar is now thin and uses theme-aware colors for the thumb and track, enhancing the user experience across different themes.

Affects:
- BottomTray/thread.scss
- CopilotShell/thread.scss
@i-subham23 i-subham23 requested a review from ankit-thesys May 18, 2026 12:55
ankit-thesys
ankit-thesys previously approved these changes May 18, 2026
Comment thread packages/react-ui/src/components/Shell/threadlist.scss Outdated
Comment thread packages/react-ui/src/components/Shell/threadlist.scss Outdated
Refactored scrollbar styles in BottomTray, CopilotShell, Shell, and their respective thread and threadList components to use a consistent width and theme-aware properties. The scrollbar width is now set to cssUtils.$space-xs, and the thumb's border-radius has been adjusted for better visual consistency.

Affects:
- BottomTray/thread.scss
- CopilotShell/thread.scss
- CopilotShell/threadList.scss
- Shell/thread.scss
- Shell/threadlist.scss
Copy link
Copy Markdown
Contributor

@ankit-thesys ankit-thesys left a comment

Choose a reason for hiding this comment

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

LG

@ankit-thesys ankit-thesys merged commit 036cf20 into main May 18, 2026
1 check passed
@ankit-thesys ankit-thesys deleted the fix/scrollbar-theme branch May 18, 2026 13:58
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.

2 participants