Use prefixed class names to avoid collisions with other libraries

This commit is contained in:
Luke Barnard 2017-11-03 16:02:41 +00:00
parent e84e4ed5f5
commit b88c13d527

View file

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