open-nomad/ui/app/templates/components/search-box.hbs

<div class="control">
  <span class="prefix-icon">{{x-icon "search"}}</span>
  <input
    class="input {{inputClass}}"
    type="text"
    placeholder={{placeholder}}
    value={{_searchTerm}}
    oninput={{action "setSearchTerm"}}
    size="1">
  <button class="suffix-icon" onclick={{action "clear"}}>{{x-icon "cancel"}}</button>
</div>
sync 2017-09-19 14:47:10 +00:00			`<div class="control">`
Improve the search box component to make it fluid and iconed 2019-02-13 16:44:29 +00:00			`<span class="prefix-icon">{{x-icon "search"}}</span>`
Make the search box more elastic 1. Set a higher max-width 2. Set a min-width 3. Remove the min-width on mobile, including the invisible size="20" in the markup 2019-03-07 04:57:57 +00:00			`<input`
			`class="input {{inputClass}}"`
			`type="text"`
			`placeholder={{placeholder}}`
			`value={{_searchTerm}}`
			`oninput={{action "setSearchTerm"}}`
			`size="1">`
Improve the search box component to make it fluid and iconed 2019-02-13 16:44:29 +00:00			`<button class="suffix-icon" onclick={{action "clear"}}>{{x-icon "cancel"}}</button>`
sync 2017-09-19 14:47:10 +00:00			`</div>`