Skip to content

feat: Add custom scrollbar styling across frontend#2800

Open
singhanurag0317-bit wants to merge 1 commit into
ritesh-1918:mainfrom
singhanurag0317-bit:fix/issue-2652-scrollbar
Open

feat: Add custom scrollbar styling across frontend#2800
singhanurag0317-bit wants to merge 1 commit into
ritesh-1918:mainfrom
singhanurag0317-bit:fix/issue-2652-scrollbar

Conversation

@singhanurag0317-bit

Copy link
Copy Markdown

Summary

Adds custom scroll bar styling to the HELPDESK.AI frontend for improved user experience and visual consistency.

Changes

  • Modified Frontend/src/index.css
  • Replaced hidden scrollbar with visible custom-styled scrollbar
  • 12px scrollbar width with rounded corners (10px radius)
  • Themed thumb color #618975 (matches design system muted text color)
  • Hover state darkens to #4a6a5a
  • Track color #f1f1f1 with rounded corners
  • Firefox support via scrollbar-width: thin / scrollbar-color properties

Closes #2652

Replaces hidden scrollbar with a visible custom-styled scrollbar that
matches the HELPDESK.AI design system. Uses 12px width, rounded track,
and the site's muted text color (#618975) for the thumb with hover
darkening (#4a6a5a).

Closes ritesh-1918#2652
@vercel

vercel Bot commented Jun 12, 2026

Copy link
Copy Markdown

Someone is attempting to deploy a commit to the ritesh Team on Vercel.

A member of the Team first needs to authorize it.

@coderabbitai

coderabbitai Bot commented Jun 12, 2026

Copy link
Copy Markdown

Warning

Review limit reached

@singhanurag0317-bit, we couldn't start this review because you've reached your PR review rate limit.

More reviews will be available in 24 minutes and 18 seconds. Learn how PR review limits work.

Your organization has run out of usage credits. Purchase more credits in the billing tab to continue.

⌛ How to resolve this issue?

After more reviews become available, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

We recommend that you space out your commits to avoid hitting the rate limit.

🚦 How do rate limits work?

CodeRabbit enforces hourly rate limits for each developer per organization.

Our paid plans include higher PR review limits than trial, open-source, and free plans. In all cases, reviews become available again over time. During sustained high-volume PR review activity, CodeRabbit may temporarily slow when the next review becomes available.

Please see our Fair Usage Limits Policy for further information.

ℹ️ Review info
⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 65062ee1-d1d9-433c-8e5b-da89f1f400ad

📥 Commits

Reviewing files that changed from the base of the PR and between da8faf2 and a2bed1c.

📒 Files selected for processing (1)
  • Frontend/src/index.css
✨ 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.

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.

[[FEATURE] : Add a scroll bar]

1 participant