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

View File

@ -1,17 +1,17 @@
<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">
</div>
<div class="input-group">
<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 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)">
<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 class="input-group">

View File

@ -56,7 +56,7 @@
<div class="form-group has-success has-feedback">
<label class="control-label" for="inputGroupSuccess1">Input group with success</label>
<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">
</div>
<i class="ion-checkmark-circled form-control-feedback" aria-hidden="true"></i>

View File

@ -505,4 +505,14 @@ label.custom-input-danger {
.has-success .input-group-addon {
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;
}