[design] improve textarea line height

zombieFox · zombieFox · commit 7c8b84509789 · 2019-11-11T00:06:28.000Z
diff --git a/src/css/form.css b/src/css/form.css
@@ -92,7 +92,7 @@ textarea{
 margin: 0 0 1em 0;
 color: rgb(var(--form-input-text));
 font-size: 1em;
- line-height: 1.8;
+ line-height: 1.6;
 font-family: var(--font-regular);
 height: 10em;
 min-height: 2.5em;
diff --git a/src/style-guide.html b/src/style-guide.html
@@ -219,7 +219,7 @@
 <div class="input-wrap">
 <label for="style-guide-form-group-1">Form Group</label>
 <div class="form-group form-group-block mb-0">
- <input id="style-guide-form-group-1" class="form-group-item-half mb-0" type="text" placeholder="Placeholder" tabindex="1" maxlength="7" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false">
+ <input id="style-guide-form-group-1" class="form-group-item-half mb-0" type="text" placeholder="Placeholder" tabindex="1" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false">
 <input id="form-group-3" class="form-group-item-half mb-0" type="color" value="#000000" tabindex="1">
 <button class="button mb-0" tabindex="1"><span class="button-text">Button</span></button>
 <select id="select-2" class="mb-0" tabindex="1">

-Original file line number
+Diff line change
 margin:001em0;
 color:rgb(var(--form-input-text));
 font-size:1em;
 -line-height:1.8;
 +line-height:1.6;
 font-family:var(--font-regular);
 height:10em;
 min-height:2.5em;
-Original file line number
+Diff line change
 <divclass="input-wrap">
 <labelfor="style-guide-form-group-1">Form Group</label>
 <divclass="form-group form-group-block mb-0">
 -<inputid="style-guide-form-group-1" class="form-group-item-half mb-0" type="text" placeholder="Placeholder" tabindex="1" maxlength="7" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false">
 +<inputid="style-guide-form-group-1" class="form-group-item-half mb-0" type="text" placeholder="Placeholder" tabindex="1" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false">
 <inputid="form-group-3" class="form-group-item-half mb-0" type="color" value="#000000" tabindex="1">
 <buttonclass="button mb-0" tabindex="1"><spanclass="button-text">Button</span></button>
 <selectid="select-2" class="mb-0" tabindex="1">