Menu styling

Open
#61 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
4/5
Estimated time
3-5 days
Newbie friendliness
35/100
Issue type
Feature
Clarity
Mostly clear
Activity status
Stale
Tech stack
scss

Research direction

Start by inspecting the documentation site's menu and outline styling, then compare the top-menu sizing with maproulette.org. Done means the menu is more compact and organized, supports keyboard-friendly collapsing and navigation, highlights the current page, provides previous/next navigation, and presents screenshots more cleanly.

Written by the indexing model from the issue text.

Description

Menu could use improvement

  • Top menu is large, could be same size as on maproulette.org or smaller.
  • Maybe adjust outline menu styling slightly, ie. bullet list or similar to separate some page links better.
  • Outline menu is very long. Could be collapsible.
    (while keeping it keyboard-friendly of course)
  • When clicking on a page link, the menu remains at the default position. It could go to the relevant page/section in the list.
  • The current page link could be highlighted in lightgreen or similar as it is when hovered.
  • There are no previous/next buttons within the page for easy navigation.
  • Maybe cut out further unrelevant parts of screenshots, make them smaller, or add a 'view large image' button.
Dominant language
SCSS
Stars
5
Forks
8
PR merge metrics
No merged PRs in 30d

Contributor guide

No contributing guide indexed for this repository

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.

More from maproulette/docs

All issues in maproulette/docs

Similar issues

More Design issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.