Improve style

Signed-off-by: Tulir Asokan <tulir@maunium.net>
2019-10-14 20:38:09 +03:00
parent e16d0bfa4d
commit a6e0986bf8
3 changed files with 41 additions and 24 deletions
@@ -30,7 +30,8 @@ class Search extends React.PureComponent {
            <div className="mx_EmojiPicker_search">
                <input type="text" placeholder="Search" value={this.props.query}
                    onChange={ev => this.props.onChange(ev.target.value)}/>
-                <button onClick={() => this.props.onChange("")}>
+                <button onClick={() => this.props.onChange("")}
+                    className={this.props.query ? "mx_EmojiPicker_search_clear" : ""}>
                    {this.props.query ? icons.search.delete() : icons.search.search()}
                </button>
            </div>