Summary
Add a global Scroll-to-Top action to AppLayout that allows users to quickly return to the top of the page after scrolling.
The button should:
- Appear after the user scrolls beyond a defined threshold
- Smoothly scroll the page back to the top when clicked
- Be available across all pages that use
AppLayout
- Work consistently on desktop, tablet, and mobile layouts
- Follow existing design system patterns and theme tokens
- Include appropriate hover, focus, and accessibility states
Motivation
Many areas of Gittensor UI contain long, scrollable content, including repository views, dashboards, PR conversations, file diffs, activity feeds, and data-heavy tables.
Currently, users must manually scroll back through large amounts of content to return to the top of the page. This is particularly noticeable on mobile devices and smaller viewports where scrolling distances are significantly longer.
Adding a global Scroll-to-Top control will:
- Improve navigation efficiency across the application
- Reduce friction when reviewing long content sections
- Enhance the mobile user experience
- Provide a familiar and widely adopted UX pattern
- Improve overall usability and perceived polish of the platform
Summary
Add a global Scroll-to-Top action to
AppLayoutthat allows users to quickly return to the top of the page after scrolling.The button should:
AppLayoutMotivation
Many areas of Gittensor UI contain long, scrollable content, including repository views, dashboards, PR conversations, file diffs, activity feeds, and data-heavy tables.
Currently, users must manually scroll back through large amounts of content to return to the top of the page. This is particularly noticeable on mobile devices and smaller viewports where scrolling distances are significantly longer.
Adding a global Scroll-to-Top control will: