Use prefixed class names to avoid collisions with other libraries

pull/21833/head
Luke Barnard 2017-11-03 16:02:41 +00:00
parent e84e4ed5f5
commit b88c13d527
1 changed files with 4 additions and 3 deletions

View File

@ -138,15 +138,16 @@ export default React.createClass({
<label htmlFor="groupid">{ _t('Community ID') }</label> <label htmlFor="groupid">{ _t('Community ID') }</label>
</div> </div>
<div className="mx_CreateGroupDialog_input_group"> <div className="mx_CreateGroupDialog_input_group">
<span className="mx_CreateGroupDialog_input_prefix">+</span> <span className="mx_CreateGroupDialog_prefix">+</span>
<input id="groupid" className="mx_CreateGroupDialog_input has_prefix has_suffix" <input id="groupid"
className="mx_CreateGroupDialog_input mx_CreateGroupDialog_input_hasPrefixAndSuffix"
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 className="mx_CreateGroupDialog_input_suffix"> <span className="mx_CreateGroupDialog_suffix">
:{ MatrixClientPeg.get().getDomain() } :{ MatrixClientPeg.get().getDomain() }
</span> </span>
</div> </div>