diff options
| author | Samy Pesse <samypesse@gmail.com> | 2016-10-13 19:19:54 +0200 |
|---|---|---|
| committer | Samy Pesse <samypesse@gmail.com> | 2016-10-13 19:19:54 +0200 |
| commit | 4db57fe5c57555c30f318159ee0301828d7e3980 (patch) | |
| tree | c87dcca1bb976703aa497ce54f7b529502919c8d /packages/gitbook-plugin-search/src/components/Results.js | |
| parent | 2a78bcebababf70fb32b6a75469decf099a7cebd (diff) | |
| download | gitbook-4db57fe5c57555c30f318159ee0301828d7e3980.zip gitbook-4db57fe5c57555c30f318159ee0301828d7e3980.tar.gz gitbook-4db57fe5c57555c30f318159ee0301828d7e3980.tar.bz2 | |
Fix rendering of search
Diffstat (limited to 'packages/gitbook-plugin-search/src/components/Results.js')
| -rw-r--r-- | packages/gitbook-plugin-search/src/components/Results.js | 22 |
1 files changed, 13 insertions, 9 deletions
diff --git a/packages/gitbook-plugin-search/src/components/Results.js b/packages/gitbook-plugin-search/src/components/Results.js index cccc501..647528a 100644 --- a/packages/gitbook-plugin-search/src/components/Results.js +++ b/packages/gitbook-plugin-search/src/components/Results.js @@ -10,12 +10,14 @@ const Result = React.createClass({ const { result } = this.props; return ( - <div className="Search-Result"> + <div className="Search-ResultContainer"> <GitBook.InjectedComponent matching={{ role: 'search:result' }} props={{ result }}> - <h3> - <GitBook.Link to={result.url}>{result.title}</GitBook.Link> - </h3> - <p>{result.body}</p> + <div className="Search-Result"> + <h3> + <GitBook.Link to={result.url}>{result.title}</GitBook.Link> + </h3> + <p>{result.body}</p> + </div> </GitBook.InjectedComponent> </div> ); @@ -40,11 +42,13 @@ const SearchResults = React.createClass({ return ( <div className="Search-ResultsContainer"> <GitBook.InjectedComponent matching={{ role: 'search:results' }} props={{ results, query }}> - <h1>{i18n.t('SEARCH_RESULTS_TITLE', { query, count: results.size })}</h1> <div className="Search-Results"> - {results.map((result, i) => { - return <Result key={i} result={result} />; - })} + <h1>{i18n.t('SEARCH_RESULTS_TITLE', { query, count: results.size })}</h1> + <div className="Search-Results"> + {results.map((result, i) => { + return <Result key={i} result={result} />; + })} + </div> </div> </GitBook.InjectedComponent> </div> |