Add checkbox disabled style (#798)

* Add checkbox disabled style

* Change checkbox disabled color.

* Fix autocomplete test.
This commit is contained in:
LautaroCesso 2020-06-16 12:52:03 -03:00 committed by GitHub
parent 978a988035
commit ec51024f93
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 17 additions and 2 deletions

View File

@ -67,11 +67,16 @@ class CheckBox extends React.Component {
}
getClass() {
const {
className,
disabled
} = this.props;
let classes = {
'checkbox': true,
'checkbox_checked': this.getValue(),
'checkbox_disabled': disabled,
[this.props.className]: (this.props.className)
[className]: (className)
};
return classNames(classes);

View File

@ -10,7 +10,7 @@
}
&__icon {
color: $light-grey;
color: $medium-grey;
outline: none;
&:focus {
@ -31,4 +31,14 @@
}
}
}
&_disabled {
.checkbox__icon {
color: $light-grey;
&:focus {
color: $light-grey;
}
}
}
}