jinql
/
blur-admin
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

refacot(inputs): add radius for addons inputs

pull/3/head
alex 2016-02-18 13:06:32 +03:00
parent c2a9a1251f
commit 2a8625cd1b
3 changed files with 15 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/app/pages/form/inputs/widgets/inputGroups.html
View File

@ -1,17 +1,17 @@
<div class="input-group"> <div class="input-group">
<span class="input-group-addon input-group-addon-primary" id="basic-addon1">@</span> <span class="input-group-addon input-group-addon-primary addon-left" id="basic-addon1">@</span>
<input type="text" class="form-control" placeholder="Username" aria-describedby="basic-addon1"> <input type="text" class="form-control" placeholder="Username" aria-describedby="basic-addon1">
</div> </div>
<div class="input-group"> <div class="input-group">
<input type="text" class="form-control" placeholder="Recipient's username" aria-describedby="basic-addon2"> <input type="text" class="form-control" placeholder="Recipient's username" aria-describedby="basic-addon2">
<span class="input-group-addon input-group-addon-warning" id="basic-addon2">@example.com</span> <span class="input-group-addon input-group-addon-warning addon-right" id="basic-addon2">@example.com</span>
</div> </div>
<div class="input-group"> <div class="input-group">
<span class="input-group-addon input-group-addon-success">$</span> <span class="input-group-addon addon-left input-group-addon-success">$</span>
<input type="text" class="form-control" aria-label="Amount (to the nearest dollar)"> <input type="text" class="form-control" aria-label="Amount (to the nearest dollar)">
<span class="input-group-addon input-group-addon-success">.00</span> <span class="input-group-addon addon-right input-group-addon-success">.00</span>
</div> </div>
<div class="input-group"> <div class="input-group">

2
src/app/pages/form/inputs/widgets/validationStates.html
View File

@ -56,7 +56,7 @@
<div class="form-group has-success has-feedback"> <div class="form-group has-success has-feedback">
<label class="control-label" for="inputGroupSuccess1">Input group with success</label> <label class="control-label" for="inputGroupSuccess1">Input group with success</label>
<div class="input-group"> <div class="input-group">
<span class="input-group-addon">@</span> <span class="input-group-addon addon-left">@</span>
<input type="text" class="form-control" id="inputGroupSuccess1" aria-describedby="inputGroupSuccess1Status"> <input type="text" class="form-control" id="inputGroupSuccess1" aria-describedby="inputGroupSuccess1Status">
</div> </div>
<i class="ion-checkmark-circled form-control-feedback" aria-hidden="true"></i> <i class="ion-checkmark-circled form-control-feedback" aria-hidden="true"></i>

10
src/sass/app/_form.scss
View File

@ -505,4 +505,14 @@ label.custom-input-danger {
.has-success .input-group-addon { .has-success .input-group-addon {
border: none; border: none;
}
.input-group > span.addon-left{
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.input-group > span.addon-right{
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
} }