Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2025-12-16 23:40:14 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

form inputs component styles fixes

Browse source
This commit is contained in:
nixa 2016-05-13 12:15:24 +03:00
parent a74300c6f1
commit e6be0e4519
2 changed files with 30 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/app/pages/forms/components/inputs/components/standardInputs/standardInputs.html
View file

@ -27,9 +27,9 @@
</div>
<div class="form-group">
<input type="text" class="form-control input-sm" id="input2" placeholder="Small Input">
<input type="text" class="form-control form-control-sm" id="input2" placeholder="Small Input">
</div>
<div class="form-group">
<input type="text" class="form-control input-lg" id="input4" placeholder="Large Input">
<input type="text" class="form-control form-control-lg" id="input4" placeholder="Large Input">
</div>
</form>

35
src/app/theme/sass/_form.scss
View file

@ -365,21 +365,42 @@ label.custom-input-danger {
}
}
.form-control-feedback {
position: absolute;
top: 0;
right: 0;
z-index: 2;
display: block;
width: 34px;
height: 34px;
line-height: 34px;
text-align: center;
pointer-events: none;
}
.has-success {
@include validationState($success-bg, $success);
position: relative;
}
.has-warning {
@include validationState($warning-bg, $warning);
position: relative;
}
.has-error {
@include validationState($danger-bg, $danger);
position: relative;
}
.has-feedback label ~ .form-control-feedback {
top: 21px;
font-size: 18px;
.has-feedback {
.form-control {
padding-right: 42.5px;
}
label ~ .form-control-feedback {
top: 21px;
font-size: 18px;
}
}
.bootstrap-select {
@ -480,8 +501,8 @@ label.custom-input-danger {
border-top: none;
}
}
&.with-search.open{
.btn-default.btn{
&.with-search.open {
.btn-default.btn {
background-color: rgba(0, 0, 0, 0.2);
border-color: 1px solid $default;
}
@ -558,6 +579,6 @@ label.custom-input-danger {
border-bottom-right-radius: 5px;
}
.sub-little-text{
.sub-little-text {
font-size: 12px;
}
}