diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/client/views/search/SearchBox.scss | 4 | ||||
| -rw-r--r-- | src/client/views/search/SearchBox.tsx | 4 | ||||
| -rw-r--r-- | src/client/views/search/SearchItem.scss | 16 |
3 files changed, 16 insertions, 8 deletions
diff --git a/src/client/views/search/SearchBox.scss b/src/client/views/search/SearchBox.scss index a9c708975..6a7bfb1a0 100644 --- a/src/client/views/search/SearchBox.scss +++ b/src/client/views/search/SearchBox.scss @@ -46,7 +46,11 @@ top: 300px; display: flex; flex-direction: column; + // display: inline-block; margin-right: 72px; + height: 560px; + overflow: hidden; + overflow-y: auto; .no-result { width: 500px; diff --git a/src/client/views/search/SearchBox.tsx b/src/client/views/search/SearchBox.tsx index dbaa6eba2..154e0b7b6 100644 --- a/src/client/views/search/SearchBox.tsx +++ b/src/client/views/search/SearchBox.tsx @@ -198,9 +198,9 @@ export class SearchBox extends React.Component { ) : this._openNoResults ? (<div className="no-result">No Search Results</div>) : null} </div> - <div style={this._results.length !== 0 ? { display: "flex" } : { display: "none" }}> + {/* <div style={this._results.length !== 0 ? { display: "flex" } : { display: "none" }}> <Pager /> - </div> + </div> */} </div> ); } diff --git a/src/client/views/search/SearchItem.scss b/src/client/views/search/SearchItem.scss index 9859d6293..b86736931 100644 --- a/src/client/views/search/SearchItem.scss +++ b/src/client/views/search/SearchItem.scss @@ -5,6 +5,8 @@ flex-direction: row-reverse; justify-content: flex-end; height: 70px; + // flex: 1 1 auto; + // position: relative; .search-item { width: 500px; @@ -13,6 +15,7 @@ border-bottom-style: solid; padding: 10px; height: 70px; + display: inline-block; .main-search-info { display: flex; @@ -40,19 +43,20 @@ display: flex; justify-content: center; align-items: center; - right: 120px; + right: 15px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; transform-origin: top right; overflow: hidden; - position: absolute; + position: relative; .link-count { opacity: 1; position: absolute; z-index: 1000; + text-align: center; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; @@ -61,7 +65,7 @@ .link-extended { opacity: 0; - position: absolute; + position: relative; z-index: 500; overflow: hidden; -webkit-transition: opacity 0.2s ease-in-out; @@ -87,7 +91,7 @@ // display: inline-block; // // align-items: right; // display: flex; - position: absolute; + // position: absolute; .search-type { width: 25PX; @@ -106,7 +110,7 @@ .search-label { font-size: 10; padding: 5px; - position: absolute; + position: relative; right: 0px; text-transform: capitalize; opacity: 0; @@ -145,7 +149,7 @@ -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); - height: 100% + // height: 100% } }
\ No newline at end of file |