diff --git a/ui/js/component/form.js b/ui/js/component/form.js index 068e748d7..ec34734bf 100644 --- a/ui/js/component/form.js +++ b/ui/js/component/form.js @@ -106,12 +106,10 @@ export class FormRow extends React.PureComponent { } onFocus() { - //this._field.focus(); this.setState({ isFocus: true }); } onBlur() { - //this._field.focus(); this.setState({ isFocus: false }); } diff --git a/ui/js/component/formField/view.jsx b/ui/js/component/formField/view.jsx index 36ea9ef48..5e0321f0b 100644 --- a/ui/js/component/formField/view.jsx +++ b/ui/js/component/formField/view.jsx @@ -134,6 +134,8 @@ class FormField extends React.PureComponent { renderElementInsideLabel = this.props.label && formFieldNestedLabelTypes.includes(this.props.type); + const isCheck = this.refs.field && this.refs.field.checked ? true : false; + delete otherProps.type; delete otherProps.label; delete otherProps.hasError; @@ -177,7 +179,8 @@ class FormField extends React.PureComponent { htmlFor={elementId} className={ "form-field__label " + - (isError ? "form-field__label--error" : "") + (isError ? "form-field__label--error" : "") + + (isCheck ? " checked" : "") } > {element} diff --git a/ui/scss/component/_form-field.scss b/ui/scss/component/_form-field.scss index 20ab92c47..75910aa34 100644 --- a/ui/scss/component/_form-field.scss +++ b/ui/scss/component/_form-field.scss @@ -155,6 +155,12 @@ input[readonly]:focus { color: var(--color-primary) !important; } + &.checked { + color: var(--text-color) !important; + } + + + } .form-row__label-row .form-field__label--error {