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
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

1 participant