Skip to content

Draft: Add a top-level nav bar

Sarah German requested to merge sarahg/topnav into main

What does this MR do and why?

  • Adds top-level menu items to a new nav bar at the top of the page.
  • Changes the styling of the top nav bar from dark to light
  • Adjusts navigation on the left to only show items from the active top-level section

Closes #1565 (closed) (see this issue for the "why" behind these changes)

WIP. Couple of remaining issues:

  • Responsive menu
  • Banner styling

Screenshots, screen recordings, or links to review app

Before After
image image

Review app: https://sarahg-topnav.docs.gitlab-review.app/runner/

How to set up and validate locally

Numbered steps to set up and validate the change are strongly suggested.

  1. Configure a local GitLab Docs environment: https://gitlab.com/gitlab-org/gitlab-docs/-/blob/main/doc/setup.md.

Merge request acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

Edited by Sarah German

Merge request reports