Skip to content

feat: add scroll-to-top button on dashboard#2510

Open
Rashi1404 wants to merge 1 commit into
Umbrella-io:mainfrom
Rashi1404:feat/scroll-to-top-button
Open

feat: add scroll-to-top button on dashboard#2510
Rashi1404 wants to merge 1 commit into
Umbrella-io:mainfrom
Rashi1404:feat/scroll-to-top-button

Conversation

@Rashi1404

Copy link
Copy Markdown
Contributor

Description

Closes #2509

Adds a floating "Scroll to Top" button to the Dashboard that appears when the user scrolls past 400px. Clicking it smoothly scrolls back to the top.

Changes

  • Created src/components/ScrollToTop.tsx
  • Integrated into Dashboard layout
  • Uses lucide-react ArrowUp icon
  • Smooth scroll with window.scrollTo({ behavior: 'smooth' })
  • Respects light/dark theme
  • Accessible with aria-label and focus ring

Testing

  • Button hidden at top of page
  • Button appears after 400px scroll
  • Click smoothly scrolls to top
  • Works in light and dark mode
  • No overlap with other floating elements

Checklist

  • npm run lint passes
  • npm run type-check passes
  • Follows contributing guidelines

@github-actions github-actions Bot added gssoc26 GSSoC 2026 contribution type:feature GSSoC type bonus: new feature labels Jun 16, 2026
@github-actions

Copy link
Copy Markdown

GSSoC Label Checklist 🏷️

@Umbrella-io — please apply the appropriate labels before merging:

Difficulty (pick one):

  • level:beginner — 20 pts
  • level:intermediate — 35 pts
  • level:advanced — 55 pts
  • level:critical — 80 pts

Quality (optional):

  • quality:clean — ×1.2 multiplier
  • quality:exceptional — ×1.5 multiplier

Validation (required to score):

  • gssoc:approved — counts for points
  • gssoc:invalid / gssoc:spam / gssoc:ai-slop — does not score

Type labels (type:*) are auto-detected from files and title. Review and adjust if needed.
Points formula: (difficulty × quality_multiplier) + type_bonus

@github-actions github-actions Bot added type:bug GSSoC type bonus: bug fix type:design GSSoC type bonus: UI/design (+10 pts) type:performance GSSoC type bonus: performance (+15 pts) labels Jun 16, 2026
@Priyanshu-byte-coder

Copy link
Copy Markdown
Member

CI is failing on the type check. Please fix the TypeScript errors and push again.

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

Labels

gssoc26 GSSoC 2026 contribution type:bug GSSoC type bonus: bug fix type:design GSSoC type bonus: UI/design (+10 pts) type:feature GSSoC type bonus: new feature type:performance GSSoC type bonus: performance (+15 pts)

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[FEAT] Add floating "Scroll to Top" button on Dashboard

2 participants