Reorder hamburger menu contents on mobile
Open
Beginner friendly
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 7
- Forks
- 3
- Avg merge
- 21h 52m
- Merged PRs (30d)
- 13
Description
Given the following example: https://puzzle.github.io/puzzle-shell/?path=/story/puzzle-shell-examples-content-app-with-search--default
On mobile, the hamburger menu contains the following elements:
- Nav items (not present in the above example)
- Menu actions
- Menu items
It would make more sense to have the have the menu actions at the bottom:
- Nav items
- Menu items
- Menu actions
Contributor guide
No contributing guide indexed for this repository
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 with the Storybook example at the linked URL and inspect the mobile hamburger menu implementation in the repository. Trace how nav items, menu actions, and menu items are assembled, then reorder them so menu actions appear last. Verify the resulting order in the mobile example.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- design, frontend
- Issue type
- Feature
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 62/100