Skip to content

Show "Explore GitLab" sidebar on all Explore pages

Thomas Hutterer requested to merge explore_sidebar into master

What does this MR do and why?

Implements #384879 (closed).

With this MR, we show a new Explore sidebar on all our /explore pages. This sidebar links to all different section of Explore, like Explore projects, Explore groups etc.

This allows us to remove a couple of tab navigation links from the user's dashboard pages, like /dashboard/projects, which had a "Explore" tabs, linking to the pages that are now all part of the Explore sidebar.

Screenshots or screen recordings

The dashboard ("Your work") pages

All of the "Explore" tabs got removed from the dashboard pages. Instead there is a normal text link pointing you to the corresponding Explore pages. Also the "Topics" got promoted from a tab here to its own page in Explore.

Before After
image image
image image
image image

The "Explore" pages

All these pages used to be styled as tabs of the above dashboard pages. Now they got promoted to proper pages with title and sidebar.

Before After
image image
image image
image image
image image

How to set up and validate locally

While this MR enables the new "Explore" sidebar also for the upcoming new navigation, I recommend to review this MR with the super_sidebar_nav feature flag disabled first, as there is also a small change in the current nav's main menu.

  • Open any page and click the main menu (top-left 🍔 next to the Tanuki logo)
  • You'll see a new link to the Explore section. Click it.
  • The default explore page is "Explore projects". See the sidebar on the left. Navigate to all other explore pages, check sidebar menu item active states.
  • Use the main menu now to navigate to the "Your work" section. This menu entry is also new.
  • Go to your projects and see the link that points you to "Explore projects". This used to be a tab.
  • Same for your groups and snippets.
  • Extra mile: Sign out and go to any page (that has the topbar), like /root. Open the top-right 🍔 which now also has a link to Explore topics.

MR 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 Thomas Hutterer

Merge request reports