Making character input field green to match designs.

This commit is contained in:
David Jay
2016-12-12 18:14:03 -05:00
parent 4a4b92299c
commit ba8a845741
2 changed files with 5 additions and 1 deletions
@@ -87,7 +87,7 @@ class CommentSettings extends Component {
<p className={settings.charCountEnable ? '' : styles.disabledSettingText}>
<span>{lang.t('configure.comment-count-text-pre')}</span>
<input type='text'
className={styles.charCountTexfield}
className={`${styles.charCountTexfield} ${settings.charCountEnable && styles.charCountTexfieldEnabled}`}
htmlFor='charCount'
onChange={this.updateCharCount(updateSettings)}
value={settings.charCount}/>
@@ -71,6 +71,10 @@
border-width: 0px 0px 1px 0px;
}
.charCountTexfieldEnabled {
border-color: #4caf50;
}
.charCountTexfield:focus {
outline: none;
}