Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2025-12-17 07:50:12 +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>
<div class="form-group"> <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>
<div class="form-group"> <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> </div>
</form> </form>

29
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 { .has-success {
@include validationState($success-bg, $success); @include validationState($success-bg, $success);
position: relative;
} }
.has-warning { .has-warning {
@include validationState($warning-bg, $warning); @include validationState($warning-bg, $warning);
position: relative;
} }
.has-error { .has-error {
@include validationState($danger-bg, $danger); @include validationState($danger-bg, $danger);
position: relative;
} }
.has-feedback label ~ .form-control-feedback { .has-feedback {
.form-control {
padding-right: 42.5px;
}
label ~ .form-control-feedback {
top: 21px; top: 21px;
font-size: 18px; font-size: 18px;
}
} }
.bootstrap-select { .bootstrap-select {
@ -480,8 +501,8 @@ label.custom-input-danger {
border-top: none; border-top: none;
} }
} }
&.with-search.open{ &.with-search.open {
.btn-default.btn{ .btn-default.btn {
background-color: rgba(0, 0, 0, 0.2); background-color: rgba(0, 0, 0, 0.2);
border-color: 1px solid $default; border-color: 1px solid $default;
} }
@ -558,6 +579,6 @@ label.custom-input-danger {
border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;
} }
.sub-little-text{ .sub-little-text {
font-size: 12px; font-size: 12px;
} }