shiyue/PinchChat
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: custom webkit scrollbar styling for macOS/Chrome

Browse Source 
Add ::-webkit-scrollbar rules matching the dark theme. Textarea gets
an even thinner 4px scrollbar. Fixes ugly default scrollbar on macOS.

Closes feedback #36.
This commit is contained in:
Nicolas Varrot
2026-02-12 18:05:15 +00:00
parent 2afdc7b8fa
commit cecfa3e010
2 changed files with 45 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
FEEDBACK.md
View File

@@ -362,3 +362,15 @@
- Check if autoFormatText() is interfering with markdown syntax
- Verify that streaming → final transition properly re-renders with markdown
- Test with a long multi-section response to reproduce
## Item #36
- **Date:** 2026-02-12
- **Priority:** medium
- **Status:** in-progress
- **Description:** Prettier scrollbar in the text input field (ChatInput textarea)
- **Details:**
- On macOS the default scrollbar in the textarea looks ugly
- Style it with custom CSS (thin, dark theme matching the UI — similar to the chat scroll area)
- Use webkit-scrollbar styles + scrollbar-width/scrollbar-color for Firefox
- Keep it subtle: thin track, small thumb with rounded corners, matching the zinc/cyan theme
- Reported by Josh (external user on macOS)