make filter feed transparent when not focussed

This commit is contained in:
Bruno Windels 2019-09-10 10:58:44 +02:00
parent 15d3774665
commit 1c4093eb0f
2 changed files with 5 additions and 1 deletions

View file

@ -18,6 +18,10 @@ limitations under the License.
flex: 1 1 0;
min-width: 0;
&.mx_SearchBox_blurred:not(:hover) {
background-color: transparent;
}
.mx_SearchBox_closeButton {
cursor: pointer;
background-image: url('$(res)/img/icons-close.svg');

View file

@ -140,7 +140,7 @@ module.exports = createReactClass({
this.props.placeholder;
const className = this.props.className || "";
return (
<div className="mx_SearchBox mx_textinput">
<div className={classNames("mx_SearchBox", "mx_textinput", {"mx_SearchBox_blurred": this.state.blurred})}>
<input
key="searchfield"
type="text"