1
0
mirror of https://github.com/tabler/tabler.git synced 2026-08-01 07:54:38 +04:00

form elements UI fixes

This commit is contained in:
codecalm
2020-01-10 22:18:19 +01:00
parent 2d0ccfd551
commit 6aecdacc76
7 changed files with 71 additions and 19 deletions
+1 -1
View File
@@ -66,7 +66,7 @@ bootstrap-link: components/forms/
### Textarea
{% example %}
<div class="mb-2">
<label class="form-label">Textarea <span class="float-right text-muted">56/100</span></label>
<label class="form-label">Textarea <span class="form-label-description">56/100</span></label>
<textarea class="form-control" name="example-textarea-input" rows="6" placeholder="Content..">Oh! Come and see the violence inherent in the system! Help, help, I'm being repressed! We shall say 'Ni' again to you, if you do not appease us. I'm not a witch. I'm not a witch. Camelot!</textarea>
</div>
{% endexample %}
+2 -2
View File
@@ -20,7 +20,7 @@
value="Well, how'd you become king, then?" readonly>
</div>
<div class="mb-3">
<label class="form-label">Textarea <span class="float-right text-muted">56/100</span></label>
<label class="form-label">Textarea <span class="form-label-description">56/100</span></label>
<textarea class="form-control" name="example-textarea-input" rows="6" placeholder="Content..">Oh! Come and see the violence inherent in the system! Help, help, I'm being repressed! We shall say 'Ni' again to you, if you do not appease us. I'm not a witch. I'm not a witch. Camelot!</textarea>
</div>
@@ -60,7 +60,7 @@
<input type="text" class="form-control" placeholder="Search for&hellip;">
</div>
<div class="col-auto align-self-center">
<span class="form-help" data-toggle="popover" data-placement="top" data-content="<p>ZIP Code must be US or CDN format. You can use an extended ZIP+4 code to determine address more accurately.</p><p class='mb-0'><a href=''>USP ZIP codes lookup tools</a></p>">?</span>
<span class="form-help" data-toggle="popover" data-placement="top" data-content="<p>ZIP Code must be US or CDN format. You can use an extended ZIP+4 code to determine address more accurately.</p><p class='mb-0'><a href='#'>USP ZIP codes lookup tools</a></p>" data-html="true">?</span>
</div>
</div>
</div>