Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2026-07-27 13:34:37 +04:00
Code Issues Projects Releases Wiki Activity

sass fixes, forms refactoring

Browse Source
This commit is contained in:
codecalm
2019-12-15 21:17:58 +01:00
parent 14273cfa5e
commit 935bf4f3ae
20 changed files with 168 additions and 119 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/_includes/forms/form-elements-1.html
+3 -11
View File
@@ -61,18 +61,10 @@
</div>
{% include parts/input-icon.html %}
{% include parts/input-icon-separated.html %}
<div class="mb-3">
<label class="form-label">Separated inputs</label>
<div class="row row-xs">
<div class="col">
<input type="text" class="form-control" placeholder="Search for&hellip;">
</div>
<div class="col-auto">
<button class="btn btn-secondary" type="button">{% include_cached ui/icon.html icon="search" %}</button>
</div>
</div>
</div>
<div class="mb-3">
<label class="form-label">ZIP Code</label>
<div class="row row-sm">
pages/_includes/forms/form-elements-3.html
+2 -11
View File
@@ -3,20 +3,11 @@
{% include parts/input-colorpicker.html %}
<div class="mb-3">
<label class="form-label">Valid State</label>
<input type="text" class="form-control is-valid" placeholder="Valid State..">
<input type="text" class="form-control mt-3 state-valid" value="Valid state">
</div>
<div class="mb-3">
<label class="form-label">Invalid State</label>
<label class="form-label">Validation States</label>
<input type="text" class="form-control is-valid mb-3" placeholder="Valid State..">
<input type="text" class="form-control is-invalid" placeholder="Invalid State..">
<div class="invalid-feedback">Invalid feedback</div>
<input type="text" class="form-control mt-3 state-invalid" value="Invalid state">
</div>
pages/_includes/parts/input-icon-separated.html
+11
View File
@@ -0,0 +1,11 @@
<div class="mb-3">
<label class="form-label">Separated inputs</label>
<div class="row row-xs">
<div class="col">
<input type="text" class="form-control" placeholder="Search for&hellip;">
</div>
<div class="col-auto">
{% include ui/button.html icon="search" icon-only=true color="secondary" %}
</div>
</div>
</div>
pages/_includes/parts/input-icon.html
+1 -1
View File
@@ -1,4 +1,4 @@
<div class="mb-2">
<div class="mb-3">
<label class="form-label">Icon input</label>
<div class="input-icon mb-3">
<input type="text" class="form-control" placeholder="Search for&hellip;">
pages/_includes/parts/select.html
+4 -3
View File
@@ -1,8 +1,9 @@
{% assign options = include.options | default: "One,Two,Three" | split: "," %}
<div class="mb-3">
<div class="form-label">{{ include.label | default: 'Select' }}</div>
<select class="form-select"{% if include.multiple %} multiple{% endif %}>
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
{% for option in options %}
<option value="{{ forloop.index }}">{{ option }}</option>
{% endfor %}
</select>
</div>