Add CSS classes to group ID input in CreateGroupDialog

This commit is contained in:
Luke Barnard 2017-11-03 15:38:12 +00:00
parent d0b3368445
commit e84e4ed5f5

View file

@ -137,16 +137,18 @@ export default React.createClass({
<div className="mx_CreateGroupDialog_label"> <div className="mx_CreateGroupDialog_label">
<label htmlFor="groupid">{ _t('Community ID') }</label> <label htmlFor="groupid">{ _t('Community ID') }</label>
</div> </div>
<div> <div className="mx_CreateGroupDialog_input_group">
<span>+</span> <span className="mx_CreateGroupDialog_input_prefix">+</span>
<input id="groupid" className="mx_CreateGroupDialog_input" <input id="groupid" className="mx_CreateGroupDialog_input has_prefix has_suffix"
size="32" size="32"
placeholder={_t('example')} placeholder={_t('example')}
onChange={this._onGroupIdChange} onChange={this._onGroupIdChange}
onBlur={this._onGroupIdBlur} onBlur={this._onGroupIdBlur}
value={this.state.groupId} value={this.state.groupId}
/> />
<span>:{ MatrixClientPeg.get().getDomain() }</span> <span className="mx_CreateGroupDialog_input_suffix">
:{ MatrixClientPeg.get().getDomain() }
</span>
</div> </div>
</div> </div>
<div className="error"> <div className="error">