Skip to content

[explorer] make header sticky #825

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
ukorvl opened this issue Apr 16, 2025 · 3 comments
Open

[explorer] make header sticky #825

ukorvl opened this issue Apr 16, 2025 · 3 comments
Assignees
Labels
explorer Related to explorer interface

Comments

@ukorvl
Copy link
Member

ukorvl commented Apr 16, 2025

The header

Image

should be sticky on explorer page and on its sub-pages for transaction block and address. It means, when a user scrolls down, header should be still visible on top of the screen.

@ukorvl ukorvl added the explorer Related to explorer interface label Apr 16, 2025
@emarc99
Copy link
Contributor

emarc99 commented Apr 16, 2025

Would love to give it a go!

@njokojunior
Copy link

I'll implement the sticky header functionality for the explorer page and its sub-pages (transaction block and address pages). Here's my approach:

  1. I'll modify the header component to use position: sticky with top: 0 to ensure it remains visible when users scroll down the page
  2. I'll add the appropriate z-index to ensure the header appears above other content
  3. I'll test across different viewport sizes to ensure consistent behavior on mobile, tablet and desktop screens
  4. I'll ensure the sticky behavior works correctly on all target sub-pages (explorer main page, transaction block page, and address page)
  5. I'll add subtle shadow/border styling to improve visual separation when the header is in sticky mode

This enhancement will improve user experience by maintaining access to navigation and key controls while exploring lengthy content on these pages. I'm familiar with implementing sticky UI components and can complete this efficiently.

ETA: 3hrs

@ukorvl ukorvl assigned ukorvl and emarc99 and unassigned ukorvl Apr 20, 2025
@emarc99
Copy link
Contributor

emarc99 commented Apr 22, 2025

I appreciate the opportunity.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
explorer Related to explorer interface
Projects
None yet
Development

No branches or pull requests

3 participants