ebiwd / EBI-Pattern-library

Please head to the new pattern library:
http://www.ebi.ac.uk/style-lab/websites/patterns/
2 stars 2 forks source link

Adjusting the width of the local search input field #19

Closed tschaka1904 closed 7 years ago

tschaka1904 commented 7 years ago

Refrence: /patterns/search/

Are they any guidelines about the local search search box?

khawkins98 commented 7 years ago

The one that you saw on https://ebiwd.github.io/EBI-Pattern-library/patterns/search/ is the most general:

image

We're looking to document others — is there a particular type of functionality you're looking for that's not in the basic example?

tschaka1904 commented 7 years ago

I was wondering if I'm bound to this search box or if I can modify it a bit. Like making it a little wider, for the local search. Something like the UniProt search.

khawkins98 commented 7 years ago

Ah, ok.

The search box now uses the Foundation grid classes and will stretch to the width of the parent, so if you just change the wrapper class from medium-6 to medium-9, you get:

image