nextcloud / nextcloud/whiteboard
Align hamburger menu with Excalidraw UX
Open
Nobody has claimed this yet.
1. to develop
design
- Dominant language
- JavaScript
- Stars
- 215
- Forks
- 39
- Avg merge
- 1d 3h
- Merged PRs (30d)
- 32
Description
Problem
The hamburger menu diverges from Excalidraw conventions and behaves inconsistently.
Tasks
- Switch menu labels to sentence case.
- Use outlined icons instead of filled ones.
- Keep the menu open when selecting entries that require additional interaction.
- Add entries for Search in whiteboard, Find on canvas, Help, Excalidraw shortcuts, Theme override, and Show element creators.
- Replace the people icon with an eye icon for visibility control and remove redundant entries.
- Ensure sliders (including opacity) match Excalidraw styling.
Acceptance criteria
- Menu matches Excalidraw label style and iconography.
- Required entries exist and function as described.
- Slider styling passes accessibility checks.
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 locating the hamburger menu implementation and comparing its labels, icons, entries, menu behavior, and sliders with Excalidraw conventions. Verify each listed entry and interaction, then check that the resulting menu matches the acceptance criteria and passes accessibility checks.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- accessibility, design, frontend
- Issue type
- Feature
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100