Skip to content

Re-align global search input

Mike Greiling requested to merge mg-realign-global-search-input into master

What does this MR do and why?

Re-aligns the global search input to the left within the main nav bar. This is governed by the default-enabled new_navbar_layout flag.

Screenshots or screen recordings

xl before xl after
before-xl after-xl
before-xl-open after-xl-open
lg before lg after
before-lg after-lg
before-lg-open after-lg-open
md before md after
before-md after-md

How to set up and validate locally

  1. Check out the branch
  2. Visit any page where the primary navbar is rendered
  3. Observe that the global search input comports with the design specs in #370803 (closed) and that it functions as expected at various viewport sizes
  4. Disable the feature flag (rails c)
    Feature.disable(:new_navbar_layout)
  5. Observe that the global search input reverts to its former state (right aligned) and that it remains fully functional.

MR acceptance checklist

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

Part of #366082 (closed) and #370803 (closed)

Edited by Mike Greiling

Merge request reports