Skip to content

Update new left side navigation advanced search

What does this MR do and why?

This is a followup MR. That solves the search page navigation on small screens. The original issue also mantions this change to be for new navigation but there were never any mockups or details mentioned. After implementing @mfluharty suggestion The filter button now works for both the new and old navigation style.

Figma Original Issue

Screenshots or screen recordings

Desktop view won't change.

old navigation:

Before tablet After tablet After tablet open
before-ipad-mini after-ipad-mini after-ipad-mini-open
Before phone After phone After phone open
before-iphone-12pro after-iphone-12pro after-iphone-12pro-open

new nav:

Before tablet After tablet After tablet open
before-ipad-mini Screenshot_2023-08-15_at_15.26.01 Screenshot_2023-08-15_at_15.26.05
Before phone After phone After phone open
before-iphone-12pro Screenshot_2023-08-15_at_15.25.43 Screenshot_2023-08-15_at_15.25.50

How to set up and validate locally

  1. toggle the old nav
  2. Visit search page http://gdk.test:3000/search?scope=issues&search=%2A
  3. Check mobile screen size

MR acceptance checklist

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

Related to #410116 (closed)

Edited by Tomas Bulva

Merge request reports