nebari-dev / nebari-dev/starlight

Unable to access Dark/Light mode toggle on Nebi homepage on Mobile

Open
#32 3 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

area: user experience 👩🏻‍💻
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

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.