Layout to support less hardcoded CSS

This commit is contained in:
David Baker 2016-09-23 15:58:11 +01:00
parent b1e4c911eb
commit eb5b175213

View file

@ -83,14 +83,18 @@ export default class DirectorySearchBox extends React.Component {
} }
return <span className={classnames(searchbox_classes)}> return <span className={classnames(searchbox_classes)}>
<input type="text" size="64" <div className="mx_DirectorySearchBox_container">
className="mx_DirectorySearchBox_input" <input type="text" size="64"
ref={this.collectInput} className="mx_DirectorySearchBox_input"
onChange={this.onChange} onKeyUp={this.onKeyUp} ref={this.collectInput}
placeholder="Find a room by keyword or room ID (#matrix:matrix.org)" onChange={this.onChange} onKeyUp={this.onKeyUp}
/> placeholder="Find a room by keyword or room ID (#matrix:matrix.org)"
{join_button} />
<span className="mx_DirectorySearchBox_clear" onClick={this.onClearClick} /> {join_button}
<span className="mx_DirectorySearchBox_clear_wrapper">
<span className="mx_DirectorySearchBox_clear" onClick={this.onClearClick} />
</span>
</div>
</span>; </span>;
} }
} }