[design] improve search min width

zombieFox · zombieFox · commit ad5922d302a2 · 2019-04-21T14:16:55.000+01:00
diff --git a/css/header.css b/css/header.css
@@ -111,6 +111,7 @@
 
 .is-header-search-width-auto .header-search{
 flex-grow: 1;
+ min-width: 10em;
 }
 
 .is-header-search-width-custom .header-search{
diff --git a/index.html b/index.html
@@ -216,7 +216,7 @@ <h1 class="menu-header">Search</h1>
 <div class="input-wrap form-indent-2">
 <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">
- <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 class="checkbox-wrap form-indent-1">
 <input id="control-header-search-focus" class="control-header-search-focus" type="checkbox" tabindex="1">

Original file line number	Diff line number	Diff line change
`@@ -111,6 +111,7 @@`
`111`	`111`
`112`	`112`	`.is-header-search-width-auto .header-search{`
`113`	`113`	`flex-grow:1;`
	`114`	`+min-width:10em;`
`114`	`115`	`}`
`115`	`116`
`116`	`117`	`.is-header-search-width-custom .header-search{`
-Original file line number
+Diff line change
 <divclass="input-wrap form-indent-2">
 <labelfor="control-header-search-width-custom">Percentage of header space</label>
 <inputid="control-header-search-width-custom" class="control-header-search-width-custom" type="range" min="10" max="100" value="0" tabindex="1">
 -<pclass="input-helper small muted">Header space can be changed by the Layout Content Container Width.</p>
 +<pclass="input-helper small muted">Header space can be changed by the Layout Content Container Width. Minimum width is 10%.</p>
 </div>
 <divclass="checkbox-wrap form-indent-1">
 <inputid="control-header-search-focus" class="control-header-search-focus" type="checkbox" tabindex="1">