Relocate the Global Search field in the navbar to be next to the Menu button.
Context
This issue is the an iteration of #366082 (closed)
Proposal
Relocate the Global Search field in the navbar to be next to the Menu button. This will help to associate it more with navigation and improve discoverability of features that can help users get back to things they were working on. (this may need to be a separate issue)
Implementation Guide
- Global Search field moved to be next to the "Main menu" button.
- The button on smaller viewports (
576px
-992px
) also moved next to "Main menu"
- The button on smaller viewports (
- "Create new" button moves over to be next to "Issues" in the navbar
- No changes for the mobile viewport
<576px
.
We currently expand the global search field on focus today, as well as hide some items on certain screen sizes (between 992px
and 1200px
). With this move, we will change some of this functionality (designs are below).
- Between
992px
and1200px
, utilize the avialble space for expanding the Global Search field without hiding anything (using Flexbox). - Have a max expansion of
640px
wide
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.