Unify search fields

[jasmussen]

Ideally all 1-line input fields are 40px tall. This search on make/core is 38:

The one from make/design looks different:

Ideally they can be the same.

[adamwoodnz]

This difference is caused by some blogs using legacy search widgets and some using blocks. Meta for example is using the Search block with the settings to match the other sites, and the Jetpack subscription block with the smaller button:

I was thinking we would update all the sites to use these, look ok to you?

From my testing, functionally they are the same.

[jasmussen]

I was thinking we would update all the sites to use these, look ok to you?

Sounds good to me.

[adamwoodnz]

Sites updated

• [x] core
• [x] design
• [x] mobile
• [x] accessibility
• [x] polyglots
• [x] support
• [x] docs
• [x] themes
• [x] plugins
• [x] community
• [x] meta
• [x] training
• [x] test
• [x] tv
• [x] marketing
• [x] cli
• [x] hosting
• [x] tide
• [x] openverse
• [x] photos
• [x] performance
• [x] sustainability
• [x] media-corps
• [x] systems
• [x] project
• [x] updates

[adamwoodnz]

Note that the mobile site uses the legacy Jetpack search widget, so the search block is not a direct replacement, and it hasn't been updated. The subscription form has though.

[adamwoodnz]

We can't change the handbook search fields to blocks until after launch, as there are functional changes required (modifying the form action), but I've added a task to do this afterward. For now only Meta has custom CSS to switch visibility of the legacy and block fields for testing purposes.