== User story
As a wiki reader or editor, I would like easy access to the search bar, so that I can find the content I am looking for or discover new content
== Reasoning
Building the new search experience will take some time and broadly speaking, the work is iterative and never-before-done at the Foundation. For this reason, it makes sense to isolate the risk. This task helps do that by moving the old search experience to the new search bar where it will be ready to iterate on independently of the rest of #desktop_improvements.
== Acceptance criteria
- [] No new functionality. This is about moving the //existing// search experience to the new header.
- [] Only the style changes needed to ship. Subsequent search work will be feature flagged after this task until the new experience is ready to ship to the [[ https://phabricator.wikimedia.org/T249297 | test wikis ]].
- [] We will be A/B testing this so a feature flag would be preferable so that we can deploy when the instrumentation is ready
- [] The search is hidden in print mode (see T253842)
- [] The layout will define a minimum width to avoid display issues on screen widths we currently don't support to avoid problems like T256373
== Sign-off criteria
[] Test move menu and determine whether it is still necessary
== Design spec
Prototype: https://di-search.web.app/Tangerine
| | logged-out | logged-in
| wider window | {F31805158} | {F31805159}
| narrower window (user links wrap) | {F31813007} | {F31813010}
| below 1095px (or similar) | {F31813002} | {F31813003}
===== Alignment details
{F31805234 width=600}
===== User link wrapping
One aspect of moving the search bar to the header is dealing with the wrapping of the user links. The current thinking is that the search input will have a min-width, and once the min-width is hit the user links will start wrapping. However we want to avoid the user links wrapping to more than two lines, so either using a breakpoint or some flexbox magic we want to wrap the entire menu at that point. Example of state we want to avoid:
{F31805238}
Original design spec task: T249641
== Additional prototypes
[[http://patchdemo.wmflabs.org/wikis/6cf9639d8bd2ddba0d03e2d873d35425/w/?useskinversion=2|DEMO latest spec]] as of May 6
[[ http://patchdemo.wmflabs.org/wikis/8db0db8c3dab429e1f76be26fa50ce80/w/ | Demo: Search in the middle + new drop-down personal menu ]] (patch [[https://gerrit.wikimedia.org/r/c/mediawiki/skins/Vector/+/589809 | 589809 ]], login: "Guest" pass: "guestguest")
[[ http://patchdemo.wmflabs.org/wikis/c89c626a5a64c898426448c3d78f7cf1/w/ | Demo: Search on left + old personal menu ]] (patch [[https://gerrit.wikimedia.org/r/c/mediawiki/skins/Vector/+/585851 | 585851 ]])