diff options
| author | Monika <monika_hedman@brown.edu> | 2019-06-24 15:03:11 -0400 |
|---|---|---|
| committer | Monika <monika_hedman@brown.edu> | 2019-06-24 15:03:11 -0400 |
| commit | d7aa6f30efa6f0c62ad1a3c96bf4ff3871563708 (patch) | |
| tree | c185de1734fdff433b473d250bdf741cdfae37de /src/client/views/search/SearchBox.tsx | |
| parent | a9ae54044fdb7f10dd01473e711e1afea00d33c1 (diff) | |
cleaning up
Diffstat (limited to 'src/client/views/search/SearchBox.tsx')
| -rw-r--r-- | src/client/views/search/SearchBox.tsx | 31 |
1 files changed, 15 insertions, 16 deletions
diff --git a/src/client/views/search/SearchBox.tsx b/src/client/views/search/SearchBox.tsx index 31e9f5d06..e8b5f35da 100644 --- a/src/client/views/search/SearchBox.tsx +++ b/src/client/views/search/SearchBox.tsx @@ -78,6 +78,20 @@ export class SearchBox extends React.Component { // } } + closeFilterVisual() { + $('document').ready(function () { + var form = document.getElementById("filter-form"); + + if(form){ + if(form.style.maxHeight) { + form.style.maxHeight = null; + form.style + } + + } + }); + } + setupAccordion() { $('document').ready(function () { var acc = document.getElementsByClassName('filter-header'); @@ -87,21 +101,6 @@ export class SearchBox extends React.Component { this.classList.toggle("active"); var panel = this.nextElementSibling as HTMLElement; - // if (panel) { - // console.log(panel.style.transform) - // if (panel.style.display === "inline-block") { - // panel.style.opacity = "0"; - // // panel.style.transform = "scaleY(0)" - // setTimeout(function(){ - // panel.style.display = "none"; - // }, 200); - - // } else { - // panel.style.opacity = "1"; - // // panel.style.transform = "scaleY(1)" - // panel.style.display = "inline-block"; - // } - // } if (panel.style.maxHeight) { panel.style.overflow = "hidden"; panel.style.maxHeight = null; @@ -529,7 +528,7 @@ export class SearchBox extends React.Component { ) : undefined} </div> {this._filterOpen ? ( - <div className="filter-form" onPointerDown={this.stopProp} id="filter" style={this._filterOpen ? { display: "flex" } : { display: "none" }}> + <div className="filter-form" onPointerDown={this.stopProp} id="filter-form" style={this._filterOpen ? { display: "flex" } : { display: "none" }}> <div style={{ display: "flex", width: "100%" }}> <div id="header">Filter Search Results</div> <div className="close-icon" onClick={this.closeFilter}> |