nebari-dev / nebari-dev/starlight
Unable to access Dark/Light mode toggle on Nebi homepage on Mobile
Nobody has claimed this yet.
- Dominant language
- CSS
- Stars
- 0
- Forks
- 0
- Avg merge
- 2d 21h
- Merged PRs (30d)
- 7
Description
Context
When accessing https://nebi.nebari.dev/ via Mobile device, the homepage header only has the search option with no way to access the dark/light mode toggle
However if you access a sub page e.g. https://nebi.nebari.dev/introduction/, you are presented with the hamburger menu, in which the dark/light mode toggle is in the menu footer
This should be improved and either the hamburger menu (and therefore dark/light mode toggle) accessible on the mobile homepage, or the toggle added to the homepage somewhere
IMO the hamburger menu should be added to the mobile homepage, that way we also eliminate the layout shift when navigating between the home and sub pages
Recorded added of journey on mobile:
Value and/or benefit
Mobile users would have a more unified UX with reduced layout shift, and the ability to toggle between dark and light mode on the homepage
Anything else?
Once fixed, need to cut a new release and update in consuming apps.
No response
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 comparing the mobile header on the homepage with the header on /introduction/, focusing on why the hamburger menu and dark/light mode toggle are missing from the homepage. The work is done when mobile users can access the toggle from the homepage without the header layout shifting between pages; check the consuming apps and release update afterward.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Active
- Clarity
- Mostly clear
- Newbie friendliness
- 68/100