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">
<label htmlFor="groupid">{ _t('Community ID') }</label>
</div>
<div>
<span>+</span>
<input id="groupid" className="mx_CreateGroupDialog_input"
<div className="mx_CreateGroupDialog_input_group">
<span className="mx_CreateGroupDialog_input_prefix">+</span>
<input id="groupid" className="mx_CreateGroupDialog_input has_prefix has_suffix"
size="32"
placeholder={_t('example')}
onChange={this._onGroupIdChange}
onBlur={this._onGroupIdBlur}
value={this.state.groupId}
/>
<span>:{ MatrixClientPeg.get().getDomain() }</span>
<span className="mx_CreateGroupDialog_input_suffix">
:{ MatrixClientPeg.get().getDomain() }
</span>
</div>
</div>
<div className="error">