r/p5.js-web-editor
1
0
Fork 0
Code Issues 1 Pull requests Releases 1 Wiki Activity

Show Searchbar clear button only when text is entered

Browse source
This commit is contained in:
Andrew Nicolaou 2019-10-20 21:55:00 +02:00
parent 66704e3788
commit 3554fe9eb4
2 changed files with 5 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
client/modules/IDE/components/Searchbar.jsx
View file

@ -46,7 +46,7 @@ class Searchbar extends React.Component {
render() { render() {
const { searchValue } = this.state; const { searchValue } = this.state;
return ( return (
<div className="searchbar"> <div className={`searchbar ${searchValue === '' ? 'searchbar--is-empty' : ''}`}>
<button <button
type="submit" type="submit"
className="searchbar__button" className="searchbar__button"

4
client/styles/components/_searchbar.scss
View file

@ -68,3 +68,7 @@ button[type="submit"].searchbar__button {
} }
} }
} }
.searchbar--is-empty .searchbar__clear-button {
display: none;
}