Skip to content
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

Add "Go to Top" Button Component #457

Open
amrutadotorg opened this issue Jun 24, 2024 · 2 comments
Open

Add "Go to Top" Button Component #457

amrutadotorg opened this issue Jun 24, 2024 · 2 comments
Labels
enhancement New feature or request

Comments

@amrutadotorg
Copy link
Contributor

Hello,

It would be incredibly helpful to have a "Go to Top" button integrated into the SQLPage. Given the extensive reading involved in my use case, such a feature would significantly enhance user experience by allowing users to quickly navigate back to the top of the page.

The button should be clearly visible but not intrusive. It could be similar to the example from the Tabler.io website, as shown in the attached screenshot.
Screenshot 2024-06-24 at 19 48 02

@amrutadotorg amrutadotorg added the enhancement New feature or request label Jun 24, 2024
@lovasoa
Copy link
Collaborator

lovasoa commented Jun 26, 2024

Maybe we could add a "position" attribute to the button component that could be set to inline (the default) or "(top|bottom) (right|left)" ?

And for scrolling to the top, we would just make a button that targets #sqlpage_header.

Pull request welcome !

@amrutadotorg
Copy link
Contributor Author

I’m not sure if a standard button is sufficient. The concept of a ‘go to the top’ button is more complex. It remains hidden even if you scroll down slightly, only appearing when it’s truly needed.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

2 participants