Layout to support less hardcoded CSS
This commit is contained in:
parent
b1e4c911eb
commit
eb5b175213
1 changed files with 12 additions and 8 deletions
|
@ -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>;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue