Responsive Redesign // Search Pages about sumo

[jess-cook03]

Updating Zeplin link by end of day here: https://app.zeplin.io/project/5db3524d3cd0612c5d2f78a9/dashboard?seid=5e1895eda13eea0232692323

• Main search typeahead: done
• search results page (landing page for when you use smaller search bar across site): done
• empty state / no results for both ^ : WIP
• tablet & mobile breakpoints for each : done

[jess-cook03]

@kkellydesign all search designs updated in zeplin done

[kkellydesign]

This is in! I piggybacked this work on the PR that is still pending here: mozilla/kitsune#4115

[jess-cook03]

@kkellydesign minor updates here:

• 'search mozilla support' should just be search support.
• 'show everything' should be view all
• hint text / supportive text under the search bar that gives results -- the type style here feels off. I think we change it to inter regular weight or use metropolis at 24px like in the mockups.
  On this same note / the mobile type scale is feeling a little unbalanced -- I need to relook at this system wide, should I check within the styleguide?

[ovidiuboca1]

We did some testing around search functionality and we found several issues: #128
#129
#130
#131
#132
#133
#134

[kkellydesign]

Typography adjustments are in ^^

These changes will be in when this PR is deployed: mozilla/kitsune#4150

[kkellydesign]

This is ready for design review again, so I'm going to add the tag back to this. But @ovidiuboca1 raised some valid tickets/concerns about some UI issues with the frontend search. @madasan, Lets discuss this ticket in our next standup.

[ovidiuboca1]

I want to do a follow up on this ticket, it was discussed (I don't remember)?

[kkellydesign]

@ovidiuboca1 All of the design revisions from this ticket are in, so I think this one is safe to close. From our previous discussion, we decided that as long as these issues are also present in the production environment, we're going to table this work until the search upgrade project, where the instant-search is replaced by a more traditional search page. All of the tickets in the with the search upgrade tag fall into that category.

[jess-cook03]

@kkellydesign @ovidiuboca1 actually one last design tweak here with the type:

Right now the search items have a heading that is 20px and Metropolis -- should be Body LG 18px Inter Bold

[kkellydesign]

This is finished and will go up in mozilla/kitsune#4193

[ovidiuboca1]

@jess-cook03 do you think we can close this and move it to done?

[jess-cook03]

@ovidiuboca1 yes confirmed this is fixed