Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2026-08-11 13:52:21 +04:00
Code Issues Projects Releases Wiki Activity

#37 new icons in ICON INPUT

Browse Source
This commit is contained in:
chomik
2018-04-12 11:33:15 +02:00
parent ec421867fd
commit 442c766215
2 changed files with 10 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/_includes/cards/form-all-elements.html
+8 -24
View File
@@ -170,30 +170,6 @@
</label>
</div>
</div>
<div class="form-group">
<label class="form-label">Gender input</label>
<div class="selectgroup selectgroup-pills">
<label class="selectgroup-item">
<input type="radio" name="gender-input" value="2" class="selectgroup-input" aria-label="Prefer not to say" checked="">
<span class="selectgroup-button selectgroup-button-icon"><i class="fe fe-minus-circle"></i></span>
</label>
<label class="selectgroup-item">
<input type="radio" name="gender-input" value="1" class="selectgroup-input">
<span class="selectgroup-button selectgroup-button-icon"><i class="fa fa-male"></i></span>
</label>
<label class="selectgroup-item">
<input type="radio" name="gender-input" value="2" class="selectgroup-input">
<span class="selectgroup-button selectgroup-button-icon"><i class="fa fa-female"></i></span>
</label>
<label class="selectgroup-item">
<input type="radio" name="gender-input" value="2" class="selectgroup-input">
<span class="selectgroup-button selectgroup-button-icon"><i class="fe fe-more-horizontal"></i></span>
</label>
<label class="selectgroup-item">
<input type="text" class="form-control" placeholder="Other" aria-label="Gender Identity">
</label>
</div>
</div>
<div class="form-group">
<label class="form-label">Icon input</label>
@@ -206,6 +182,14 @@
<input type="radio" name="icon-input" value="2" class="selectgroup-input">
<span class="selectgroup-button selectgroup-button-icon"><i class="fe fe-moon"></i></span>
</label>
<label class="selectgroup-item">
<input type="radio" name="icon-input" value="3" class="selectgroup-input">
<span class="selectgroup-button selectgroup-button-icon"><i class="fe fe-cloud-rain"></i></span>
</label>
<label class="selectgroup-item">
<input type="radio" name="icon-input" value="4" class="selectgroup-input">
<span class="selectgroup-button selectgroup-button-icon"><i class="fe fe-cloud"></i></span>
</label>
</div>
</div>
src/assets/scss/dashboard/forms/_custom-selectgroup.scss
+2 -3
View File
@@ -40,15 +40,14 @@
color: $text-muted;
user-select: none;
font-size: $font-size-base;
line-height: $input-btn-line-height;
line-height: 1.5rem;
min-width: $input-height;
}
.selectgroup-button-icon {
padding-left: .5rem;
padding-right: .5rem;
font-size: 1.125rem;
line-height: 1.125rem;
font-size: 1rem;
}
.selectgroup-input:checked + .selectgroup-button {