Add checkbox disabled style (#798)
* Add checkbox disabled style * Change checkbox disabled color. * Fix autocomplete test.
This commit is contained in:
parent
978a988035
commit
ec51024f93
|
@ -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);
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
Loading…
Reference in New Issue