Skip to content

fix(ChatView): update scroll button styles to improve user interaction#1246

Merged
juliusmarminge merged 1 commit intopingdotgg:mainfrom
pranavgoel29:fix-scroll-to-bottom-hover-bg
Mar 20, 2026
Merged

fix(ChatView): update scroll button styles to improve user interaction#1246
juliusmarminge merged 1 commit intopingdotgg:mainfrom
pranavgoel29:fix-scroll-to-bottom-hover-bg

Conversation

@pranavgoel29
Copy link
Copy Markdown
Contributor

@pranavgoel29 pranavgoel29 commented Mar 20, 2026 •
edited by macroscopeapp bot
Loading

What Changed

Fixes #1243

  • Update the hover effect on scroll to bottom button in ChatView.tsx.
  • Change cursor to pointer on hover

Why

Improves visibility of the button when hovering, prev bg was changing to a transparent color.

UI Changes

Before:

image

After:

image

Checklist

  • This PR is small and focused
  • I explained what changed and why
  • I included before/after screenshots for any UI changes
  • I included a video for animation/interaction changes

Note

Update 'Scroll to bottom' button hover styles in ChatView

Replaces accent background/text hover classes with border color, foreground text, and pointer cursor classes on the scroll button in ChatView.tsx.

Macroscope summarized bfd26f7.

@coderabbitai
Copy link
Copy Markdown

coderabbitai bot commented Mar 20, 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: f7d22366-e25e-4476-836e-8f5097a8c6fb

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

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 20, 2026
@juliusmarminge juliusmarminge enabled auto-merge (squash) March 20, 2026 18:20
@juliusmarminge juliusmarminge merged commit 46e63b3 into pingdotgg:main Mar 20, 2026
9 of 10 checks passed
aaditagrawal pushed a commit to aaditagrawal/t3code that referenced this pull request Mar 21, 2026
@pranavgoel29 @aaditagrawal
fix(ChatView): update scroll button styles to improve user interaction (
172cac8 
pingdotgg#1246)
@aaditagrawal aaditagrawal mentioned this pull request Mar 21, 2026
Merged
7 tasks
gabrielMalonso pushed a commit to gabrielMalonso/t3code that referenced this pull request Mar 21, 2026
@pranavgoel29 @gabrielMalonso
fix(ChatView): update scroll button styles to improve user interaction (
60899ca 
pingdotgg#1246)
apexsloth pushed a commit to apexslothforks/t3code that referenced this pull request Mar 26, 2026
@pranavgoel29
fix(ChatView): update scroll button styles to improve user interaction (
a743ab3 
pingdotgg#1246)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@juliusmarminge juliusmarminge juliusmarminge approved these changes

Assignees

No one assigned

Labels

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

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

[Bug]: scroll to bottom becomes transparent on hover

2 participants

@pranavgoel29 @juliusmarminge