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)}>
<input type="text" size="64"
className="mx_DirectorySearchBox_input"
ref={this.collectInput}
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} />
<div className="mx_DirectorySearchBox_container">
<input type="text" size="64"
className="mx_DirectorySearchBox_input"
ref={this.collectInput}
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_wrapper">
<span className="mx_DirectorySearchBox_clear" onClick={this.onClearClick} />
</span>
</div>
</span>;
}
}