Skip to content

Fix scroll-to-bottom button hover fill#1182

Open
cosminpsk wants to merge 3 commits intopingdotgg:mainfrom
cosminpsk:main
Open

Fix scroll-to-bottom button hover fill#1182
cosminpsk wants to merge 3 commits intopingdotgg:mainfrom
cosminpsk:main

Conversation

@cosminpsk
Copy link

@cosminpsk cosminpsk commented Mar 18, 2026

Summary

  • fix the scroll-to-bottom pill hover state in chat
  • replace the previous hover background token with muted-background so the button no longer looks transparent on hover
  • keep the hover text on accent-foreground for contrast

Why
The previous hover styling made the floating pill read as transparent or visually unstable. This change gives it a more solid, predictable hover surface.

before

Screen.Recording.2026-03-18.at.12.51.49.AM.mov

after

Screen.Recording.2026-03-18.at.12.52.18.AM.mov

Validation

bun fmt
bun lint
bun typecheck

Note

Fix hover background color on scroll-to-bottom button in chat view

Changes the hover style on the 'Scroll to bottom' pill in ChatView.tsx from hover:bg-accent to hover:bg-muted-background.

Macroscope summarized b90aba1.

@coderabbitai
Copy link

coderabbitai bot commented Mar 18, 2026

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro

Run ID: 3a0a9162-33d8-4b9c-b3be-ee3aa95e652f

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
📝 Coding Plan
  • Generate coding plan for human review comments

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

Tip

CodeRabbit can suggest fixes for GitHub Check annotations.

Configure the reviews.tools.github-checks setting to adjust the time to wait for GitHub Checks to complete.

@github-actions github-actions bot added size:XS 0-9 changed lines (additions + deletions). vouch:unvouched PR author is not yet trusted in the VOUCHED list. labels Mar 18, 2026
@UtkarshUsername
Copy link
Contributor

Nice! Quick win

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:XS 0-9 changed lines (additions + deletions). vouch:unvouched PR author is not yet trusted in the VOUCHED list.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants