- [Requirements (issue)](https://gitlab.com/gitlab-org/gitlab/-/issues/301143) - **[Tasks (epic)](https://gitlab.com/groups/gitlab-org/-/epics/5645#tasks)** - [Full Context Spike MR](https://gitlab.com/gitlab-org/gitlab/-/merge_requests/56587) (permanent draft) - [All MR parts](https://gitlab.com/gitlab-org/gitlab/-/merge_requests/56587#mr-parts) ... DRI's @cwoolley-gitlab @pslaughter PM: @ericschurter EM: @rkuba ## Goal: As an ambitious goal for the 14.0 Release, we want to deliver the first iteration of a combined top navigation menu. The Designs for this can be found in the [parent Epic](https://gitlab.com/groups/gitlab-org/-/epics/5212) ## Not Goals: - It's not required to port the menu to Vue - It's not required to change the filtering and sorting behavior ## Tasks Here are our initial iterative tasks, but please note the issues list associated with this epic for more details: - [x] Iterate on spike [MR: Combined menu Vue app](https://gitlab.com/gitlab-org/gitlab/-/merge_requests/56587) - [x] TODO on spike (@cwoolley-gitlab ) - [EE extension for top_nav_helper](https://gitlab.com/gitlab-org/gitlab/-/merge_requests/56587/diffs#dff218e2ebbdc57062bb6ee91fe232f4173361d4_0_58) - [x] TODO on spike - Move `top_nav_helper` to `nav` supfolder - [x] TODO on spike - Call everything `top_nav` (i.e. rename "_combined_menu.html.haml") - [x] TODO on spike - Handle Vuex store for frequent items children more robustly ([relevant LOC](https://gitlab.com/gitlab-org/gitlab/-/merge_requests/56587/diffs#22ea6f6d2c09289635e38b7b142ee0bb6c8a0c0e_0_17)) - [x] TODO on spike - Add extra links to Projects sub menu - [x] TODO on spike - Add extra links to Group sub menu - [x] TODO on spike - Responsive spike - [x] Fix startup CSS should auto hide the responsive nav - [x] Create MR to add dot grid svg https://gitlab.com/gitlab-org/gitlab/-/issues/327619 ~"workflow::in review" - [x] (@cwoolley-gitlab ) Fix and unpend all specs which are currently failing with :combined_menu flag on - ([Issue](https://gitlab.com/gitlab-org/gitlab/-/issues/331017), [MR](https://gitlab.com/gitlab-org/gitlab/-/merge_requests/61831)) - [x] MR for necessary changes to make E2E tests pass with feature flag on (see https://gitlab.com/gitlab-org/gitlab/-/merge_requests/60335#note_568385682) - [x] (Stretch) Fix Dark mode's production nav issues - [ ] Review i18n of top nav menu items (in helper and Vue)