search

CityOfBoston / patterns

The City of Boston pattern library for public-facing websites.
https://patterns.boston.gov/
24 stars 9 forks source link

Update Search Bar Component / Layout #605

Open mmcgowanBOS opened 3 years ago

mmcgowanBOS commented 3 years ago

Update search bar component to include...

  1. Filters (i.e. radio buttons or dropdown list)
  2. Helper text that exists above Search bar and/or ...
  3. Bulleted list of search examples / criteria

See here for current design in Fleet https://patterns.boston.gov/components/detail/form_search--default.html

This is in reference to the Search input for Assessing and other components and forms that use a similar layout.

mmcgowanBOS commented 3 years ago

Hi Phil, This was in response to our meeting the other day (you, me, and Caroline) where we reviewed the search UI/Design for Assessing Online. We mentioned a few ideas, but thought we all agreed that it would best to get a design file (AdobeXD) from Caroline, that could be added to ZeroHeight (then eventually Fleet for HTML/CSS for markup).

On Wed, Sep 22, 2021 at 2:30 PM Phillip B. Kelly @.***> wrote:

@mmcgowanBOS https://urldefense.proofpoint.com/v2/url?u=https-3A__github.com_mmcgowanBOS&d=DwMCaQ&c=jHPlKdF3zLuO12CD8lDt5g&r=z_lHZgf6VRHJOfWFgayi2TvHDT2t5xfqC_aZSfIgXwc&m=1zlyJtWUwwWGkWhXLqKGmTh1IKZ2qQXayY6ghBLrivw&s=i85rERblNc0c68MFuXQt2FQ4jcmtQlqFNjUZDAjQ78o&e= @carolinestj https://urldefense.proofpoint.com/v2/url?u=https-3A__github.com_carolinestj&d=DwMCaQ&c=jHPlKdF3zLuO12CD8lDt5g&r=z_lHZgf6VRHJOfWFgayi2TvHDT2t5xfqC_aZSfIgXwc&m=1zlyJtWUwwWGkWhXLqKGmTh1IKZ2qQXayY6ghBLrivw&s=1ZVydgBDd-45xHfpsWUmMz4mI-k_5gM7mPGk8-R_FRo&e= can you'll give Stella and I insight into what this is ... is it a new component, mod of existing one, etc. Need to account for how we are organizing our tickets for Legacy CSS Removal/etc

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://urldefense.proofpoint.com/v2/url?u=https-3A__github.com_CityOfBoston_patterns_issues_605-23issuecomment-2D925183313&d=DwMCaQ&c=jHPlKdF3zLuO12CD8lDt5g&r=z_lHZgf6VRHJOfWFgayi2TvHDT2t5xfqC_aZSfIgXwc&m=1zlyJtWUwwWGkWhXLqKGmTh1IKZ2qQXayY6ghBLrivw&s=sWtJrS9F2eYoVFrD3cT6xP9nGB4cypxXpNUqZjKE338&e=, or unsubscribe https://urldefense.proofpoint.com/v2/url?u=https-3A__github.com_notifications_unsubscribe-2Dauth_AKUE45YPDO7HWXIQHNLLEHTUDIOF3ANCNFSM5EMYB6JQ&d=DwMCaQ&c=jHPlKdF3zLuO12CD8lDt5g&r=z_lHZgf6VRHJOfWFgayi2TvHDT2t5xfqC_aZSfIgXwc&m=1zlyJtWUwwWGkWhXLqKGmTh1IKZ2qQXayY6ghBLrivw&s=5eKy-CcBceDyl1YxhSoo7_-Zr-Maod9f3L3mhMOx_6g&e= . Triage notifications on the go with GitHub Mobile for iOS https://urldefense.proofpoint.com/v2/url?u=https-3A__apps.apple.com_app_apple-2Dstore_id1477376905-3Fct-3Dnotification-2Demail-26mt-3D8-26pt-3D524675&d=DwMCaQ&c=jHPlKdF3zLuO12CD8lDt5g&r=z_lHZgf6VRHJOfWFgayi2TvHDT2t5xfqC_aZSfIgXwc&m=1zlyJtWUwwWGkWhXLqKGmTh1IKZ2qQXayY6ghBLrivw&s=pqG8w4YJZRld1AKuN65WvgD_dZLgGzS8Lj0xxOW_2jU&e= or Android https://urldefense.proofpoint.com/v2/url?u=https-3A__play.google.com_store_apps_details-3Fid-3Dcom.github.android-26referrer-3Dutm-5Fcampaign-253Dnotification-2Demail-2526utm-5Fmedium-253Demail-2526utm-5Fsource-253Dgithub&d=DwMCaQ&c=jHPlKdF3zLuO12CD8lDt5g&r=z_lHZgf6VRHJOfWFgayi2TvHDT2t5xfqC_aZSfIgXwc&m=1zlyJtWUwwWGkWhXLqKGmTh1IKZ2qQXayY6ghBLrivw&s=OlTsGuNn1ExVF3unR7LZ_gs5VJkgCSUpnn338q7ZWtA&e=.