InputField: hide error when component is disabled
This commit is contained in:
parent
4c9592350c
commit
030aaf1768
|
@ -98,7 +98,7 @@
|
||||||
.button-otherstates-icon(@icon-class, @icon-size) {
|
.button-otherstates-icon(@icon-class, @icon-size) {
|
||||||
.btn {
|
.btn {
|
||||||
&:active, &.active {
|
&:active, &.active {
|
||||||
&:not(:disabled):not(.disabed) {
|
&:not(:disabled):not(.disabled) {
|
||||||
> .@{icon-class} {
|
> .@{icon-class} {
|
||||||
@iconsize: -1*@icon-size;
|
@iconsize: -1*@icon-size;
|
||||||
|
|
||||||
|
|
|
@ -47,20 +47,20 @@
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.error {
|
|
||||||
input {
|
|
||||||
border-color: @brand-danger;
|
|
||||||
}
|
|
||||||
|
|
||||||
.input-error {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&.form-control:focus,
|
&.form-control:focus,
|
||||||
.form-control:focus {
|
.form-control:focus {
|
||||||
border-color: @gray-darker;
|
border-color: @gray-darker;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&.error {
|
||||||
|
input:not([disabled]) {
|
||||||
|
border-color: @brand-danger;
|
||||||
|
}
|
||||||
|
|
||||||
|
input:not([disabled]) + .input-error {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
input:required:focus:invalid,
|
input:required:focus:invalid,
|
||||||
|
|
Loading…
Reference in a new issue