1
0
mirror of https://github.com/matrix-org/matrix-react-sdk.git synced 2025-11-11 20:22:36 +03:00

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>;
}
}