Make NavBar Re-appear on Upward Scroll
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 6.9k
- Forks
- 6.5k
- Avg merge
- 2d 8h
- Merged PRs (30d)
- 29
Description
Enter your suggestions in details:
While reading a docs page, I decided to switch to the dark mode. But the mode button is not in the right section, it's in the navigation and navigation is hidden unless I scroll to the very top of the page, loosing the position I was reading at.
One possible solution would be to move mode switch to the right section (where ToC is). Another is to make navigation reappear whenever user starts scrolling upwards.
Other options to improve mode switching that come to mind are:
- Add the "system" mode option that follows the light/dark OS setting, like the one is MacOS.
- Add a hotkey to switch mode.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by reviewing the docs-page navigation and dark-mode controls, then determine which of the proposed approaches the project should adopt. Done means the chosen mode-switching improvement works without forcing readers to return to the top and is covered by the relevant UI behavior checks.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- nextjs, react, typescript
- Domain
- documentation, frontend
- Issue type
- Feature
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Active
- Clarity
- Needs clarification
- Newbie friendliness
- 38/100