PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

make filter feed transparent when not focussed

Browse source
This commit is contained in:
Bruno Windels 2019-09-10 10:58:44 +02:00 committed by David Baker
parent b328fcb7e3
commit 31682b61ce
2 changed files with 5 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
res/css/structures/_SearchBox.scss
View file

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

2
src/components/structures/SearchBox.js
View file

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