Skip to content

Feature/activity scrollbar 518#533

Merged
indresh404 merged 6 commits into
indresh404:mainfrom
riyanshigupta890-cloud:feature/activity-scrollbar-518
Jun 15, 2026
Merged

Feature/activity scrollbar 518#533
indresh404 merged 6 commits into
indresh404:mainfrom
riyanshigupta890-cloud:feature/activity-scrollbar-518

Conversation

@riyanshigupta890-cloud

Copy link
Copy Markdown
Contributor

Pull Request Template 🚀

Description

Adds a visible vertical scrollbar to the "Recent Activity" card on the dashboard so users can see there's more content below the fold. The timeline container previously had scrollbar-none, which hid the scrollbar entirely with no visual indicator that the list was scrollable. Replaced it with a themed scrollbar-thin style (consistent with the scrollbar used in the Sidebar) that adapts to light/dark mode. Also fixed tailwind.config.js, where the tailwind-scrollbar plugin was incorrectly placed inside theme.extend (where Tailwind ignores it) instead of the top-level plugins array — without this fix the scrollbar utility classes would not apply at all.

Related Issue

Closes #518

Type of Change

  • New feature (non-breaking change which adds functionality)

Screenshots / Videos (if applicable)

Testing Done

  • Command run: npm run test
  • Command run: npm run lint
  • Command run: npm run build
  • Visual verification on local dev server (http://localhost:5173)

Steps to verify:

  1. Go to Dashboard.
  2. Scroll the "Recent Activity" card — a thin scrollbar is now visible on the right edge.
  3. Toggle dark/light mode and confirm the scrollbar color adapts correctly.

Checklist

  • My code follows the style guidelines of this project.
  • I have performed a self-review of my own code.
  • I have commented my code, particularly in hard-to-understand areas.
  • I have made corresponding changes to the documentation.
  • My changes generate no new warnings or console errors.
  • I have added tests that prove my fix is effective or that my feature works.
  • New and existing unit tests pass locally with my changes.
  • Any dependent changes have been merged and published in downstream modules.

Contributor Declaration

  • I confirm that this contribution is made under the rules of GSSoC 2026 and NSoC 2026.
  • I confirm that I have been assigned the related issue by a maintainer before opening this PR.
  • I have read the Contributing Guidelines and Code of Conduct.

@vercel

vercel Bot commented Jun 14, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
ranker-hub Ready Ready Preview, Comment Jun 15, 2026 3:34pm

@github-actions github-actions Bot added backend Backend/Firebase related changes bug Something isn't working documentation Improvements or additions to documentation enhancement New feature or request frontend Frontend related changes (HTML/CSS/JS/React) gssoc GirlScript Summer of Code gssoc26 GirlScript Summer of Code 2026 nsoc NSoC NSoC'26 NSoC 2026 pending-review PR is pending review labels Jun 14, 2026
@riyanshigupta890-cloud

riyanshigupta890-cloud commented Jun 15, 2026

Copy link
Copy Markdown
Contributor Author

@indresh404 please review the PR as I have resolved the issue and please merge the PR

@indresh404 indresh404 merged commit b323783 into indresh404:main Jun 15, 2026
10 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

backend Backend/Firebase related changes bug Something isn't working documentation Improvements or additions to documentation enhancement New feature or request frontend Frontend related changes (HTML/CSS/JS/React) gssoc GirlScript Summer of Code gssoc26 GirlScript Summer of Code 2026 level3 nsoc NSoC NSoC'26 NSoC 2026 pending-review PR is pending review

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Feature]: add vertical scrolbar

2 participants