OpenCloud
/
riot-web
mirror of https://github.com/vector-im/riot-web
1
0
Fork 0
Code Issues Releases Wiki Activity

make filter feed transparent when not focussed

pull/21833/head
Bruno Windels 2019-09-10 10:58:44 +02:00
parent 15d3774665
commit 1c4093eb0f
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

@ -140,7 +140,7 @@ module.exports = createReactClass({
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"