Update Global Search scopes to be vertical navigation
Problem to solve
The current content type tabs on the Global Search results page can sometimes be missed, which is problematic for exploring search results as well as understanding when a content type/scope has been pre-selected based off where a search is made from. Also, since the addition of filters/facets for some of these content types (ex: Issues/MRs) in a left sidebar, this has caused a shift in page layout based on which content type is selected (when no filters exist for a content type the layout goes full width). It would also be ideal to have all filters/facets (including content types) in a shared region of the page.
Proposal
Transition the current content type tabs to be navigation elements within the left sidebar. Locating them at the top of the sidebar will help showcase the cascading effect that these options will have on the filters/facets below them when selected. Moving these content type filters will also result in every page in Global Search results to have a left sidebar, creating a consistent layout for the page.
Implementation Guide
-
Change the existing content types semantically from being Tabs to being a list of links in the left sidebar of the results page -
Match the styling of the list of links to what is provided in the design -
Include hover and active states for the links (see design) -
Verify the mobile layout/spacing reflects the provided mobile design
A follow-up issue has been created to cover the Results Information overview/bar updates: #361579
Release notes
The content scope tabs on the global search result page were moved to be navigation elements within the left sidebar. This transition will help showcase the cascading effect that these options will have on the filters and facets below them when selected. Moving these content type filters will also result in every page in Global Search results having a left sidebar, creating a consistent layout for the page.
This page may contain information related to upcoming products, features and functionality. It is important to note that the information presented is for informational purposes only, so please do not rely on the information for purchasing or planning purposes. Just like with all projects, the items mentioned on the page are subject to change or delay, and the development, release, and timing of any products, features, or functionality remain at the sole discretion of GitLab Inc.