Move search into the reduced navigation

[bartaz]

Done

When reduced navigation is used (with secondary navigation) the search is displayed on top of secondary navigation (and used to be defined there in markup). But to simplify templating we want to keep the search in the top (reduced) navigation that triggers it.

This PR addresses it by moving search HTML from secondary nav to top reduced navigation and adjusts the styling to use absolute positioning to display open search on top of the secondary navigation.

Fixes https://warthogs.atlassian.net/browse/WD-13032

QA

• Open demo
• Check the search functionality, both on desktop and mobile screen sizes

Check if PR is ready for release

If this PR contains Vanilla SCSS code changes, it should contain the following changes to make sure it's ready for the release:

• PR should have one of the following labels to automatically categorise it in release notes:
  • Feature 🎁, Breaking Change 💣, Bug 🐛, Documentation 📝, Maintenance 🔨.
• Vanilla version in package.json should be updated relative to the most recent release, following semver convention:
  • if CSS class names are not changed it can be bugfix relesase (x.x.X)
  • if CSS class names are changed/added/removed it should be minor version (x.X.0)
  • see the wiki for more details
• Any changes to component class names (new patterns, variants, removed or added features) should be listed on the what's new page.

Screenshots

[webteam-app]

Demo

Jenkins

demos.haus

[petesfrench]

LGTM!
An unrelated note, where did we land on the position of the two logo texts. It looks a little strange as it:

[bartaz]

LGTM! An unrelated note, where did we land on the position of the two logo texts. It looks a little strange as it:

@petesfrench That's where it landed. To avoid misalignments, or changing it based on having mobile menu open etc, Lyubo decided to just move it to the position where it aligns with other logo text (and menu items) by default. So this is as expected.