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

docs: desktop sidebar toggle overlaps menu #1

Open
itsdarshankumar opened this issue Oct 22, 2022 · 0 comments
Open

docs: desktop sidebar toggle overlaps menu #1

itsdarshankumar opened this issue Oct 22, 2022 · 0 comments
Labels
bug Something isn't working documentation Improvements or additions to documentation good first issue Good for newcomers

Comments

@itsdarshankumar
Copy link

Description
The sidebar toggle (hamburger menu) has too much width on desktop devices and overlaps with the actual menu. This causes the user to accidentally collapse the menu when wishing to navigate to a new section.

Steps To Reproduce

Go to the bloclibrary.dev.
Click on the last visible menu item next to the sidebar toggle "icon".
GIF showing issue
Expected Behavior
I would expect the sidebar toggle to action only when the "icon" is clicked.

GIF showing expected behaviour
Additional Context
Although having the width larger than the actual icon might benefit mobile users with big fingers, I think it hinders desktop users since the mouse pointer is very precise in comparison to a finger tap.

The "sidebar toggle" seems to be implemented by docsify. When visiting their website they include a gradient to avoid this behaviour.

docsify screenshot

@itsdarshankumar itsdarshankumar added bug Something isn't working documentation Improvements or additions to documentation good first issue Good for newcomers labels Oct 22, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working documentation Improvements or additions to documentation good first issue Good for newcomers
Projects
None yet
Development

No branches or pull requests

1 participant