[design] improve search min width

This commit is contained in:
zombieFox 2019-04-21 14:16:55 +01:00
parent 54b2b321fa
commit ad5922d302
2 changed files with 2 additions and 1 deletions

View File

@ -111,6 +111,7 @@
.is-header-search-width-auto .header-search { .is-header-search-width-auto .header-search {
flex-grow: 1; flex-grow: 1;
min-width: 10em;
} }
.is-header-search-width-custom .header-search { .is-header-search-width-custom .header-search {

View File

@ -216,7 +216,7 @@
<div class="input-wrap form-indent-2"> <div class="input-wrap form-indent-2">
<label for="control-header-search-width-custom">Percentage of header space</label> <label for="control-header-search-width-custom">Percentage of header space</label>
<input id="control-header-search-width-custom" class="control-header-search-width-custom" type="range" min="10" max="100" value="0" tabindex="1"> <input id="control-header-search-width-custom" class="control-header-search-width-custom" type="range" min="10" max="100" value="0" tabindex="1">
<p class="input-helper small muted">Header space can be changed by the Layout Content Container Width.</p> <p class="input-helper small muted">Header space can be changed by the Layout Content Container Width. Minimum width is 10%.</p>
</div> </div>
<div class="checkbox-wrap form-indent-1"> <div class="checkbox-wrap form-indent-1">
<input id="control-header-search-focus" class="control-header-search-focus" type="checkbox" tabindex="1"> <input id="control-header-search-focus" class="control-header-search-focus" type="checkbox" tabindex="1">