e400698905
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
12 lines
339 B
Handlebars
12 lines
339 B
Handlebars
<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>
|