-
Notifications
You must be signed in to change notification settings - Fork 81
IBX-4064: Search page #1860
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Merged
Merged
IBX-4064: Search page #1860
Changes from 67 commits
Commits
Show all changes
77 commits
Select commit
Hold shift + click to select a range
7529976
IBX-4064: Add docs/instantsearch.html
adriendupuis 1df2915
instantsearch.html: Add initialUiState; Improve rendering
adriendupuis 1edf043
custom.js: Add link to instantsearch.html page in search autocomplete
adriendupuis 6166642
custom.js: Add link to instantsearch.html page if 10 or more result
adriendupuis 549b047
instantsearch.html: Sort Versions facets
adriendupuis 571cca4
instantsearch.html: Layout clean-up
adriendupuis bb9b379
instantsearch.html: decodeURI
adriendupuis ef41dab
instantsearch.html: enh. result path
adriendupuis 7b4ecc1
instantsearch.html: Sync URL hash with input text
adriendupuis 7ace614
instantsearch.html: (minor) Code format
adriendupuis 9343c2f
instantsearch.html: (minor) Code format
adriendupuis 36242a8
custom.js: compute "see all results" href only when needed
adriendupuis 8de6d2e
(minor) instantsearch.html: decrease result font sizes
adriendupuis dd60a44
instantsearch.html: Add page to URI
adriendupuis 194f825
instantsearch.html: Use as an MkDocs template
adriendupuis 60f44e5
custom.js: Fix "See all results" link position
adriendupuis d00aba8
instantsearch.html: Fix some internal CSS VS Algolia CSS conflicts
adriendupuis 281ae63
instantsearch.html: Use `extrahead` block; Format
adriendupuis 5980b7f
instantsearch.html: Adjust hit list's relative font sizes
adriendupuis 5c1108b
instantsearch.html: Hide version refinementList
adriendupuis 851bc4a
instantsearch.html: Add content; Display results in a list
adriendupuis 04a15b1
instantsearch.html: Pagination style
adriendupuis fcca2a1
instantsearch.html: Add lvl0
adriendupuis 8108976
instantsearch.html: Add stats; decrease hitsPerPage to 10
adriendupuis 823fc42
custom.js: See all results on "Enter" key
adriendupuis c635662
hits styled; slightly cleaned JS
GrabowskiM b0a8db3
links to entries
GrabowskiM 8663483
main layout
GrabowskiM c5dbbe8
temp fixed links
GrabowskiM b733b01
change name
GrabowskiM 2725604
see results
GrabowskiM 48f9698
use vars
GrabowskiM 7ce3b19
cleanup
GrabowskiM 9df9c05
instantsearch.*: Add refinementList to have only the current version
adriendupuis d07e973
instantsearch.js: Use last breadcrumb item as entry name
adriendupuis 91f9890
instantsearch.js: Fix groups
adriendupuis f49b389
instantsearch.css: Fix highlight VS hover
adriendupuis 12bed64
instantsearch.js: Avoid group slicing
adriendupuis 1c78eff
instantsearch.js: Avoid error when hash is absent
adriendupuis 558509e
instantsearch.js: Switch params from hash (`#`) to search (`?`)
adriendupuis a7286bd
Merge remote-tracking branch 'origin/master' into search-page
adriendupuis ee5af5f
custom.js: deduplicate suggestions
adriendupuis d24b27f
instantsearch.js: Hide the group child count
adriendupuis 74c15a4
custom.js: Rm buggy "autocompleteOptions: { debug: false },"
adriendupuis 740f657
instantsearch.html: Use relat base_url instead of abs site_url
adriendupuis 69389a7
instantsearch.js: version must be a M.m number, "latest" or "master"
adriendupuis 7040436
search_results.md: Add meta description
adriendupuis 7c9faa4
Merge branch 'master' into search-page
adriendupuis d7764f6
instantsearch.js: Remove grouping
adriendupuis e8ea216
instantsearch.js: Avoid sample only repeating searched term; unescape…
adriendupuis 0a015cb
instantsearch.js: Remove unused getClearedItem
adriendupuis 04b3de0
instantsearch.js: Fix double URL encoding
adriendupuis f273257
instantsearch.js: Avoid sample only repeating single searched term; F…
adriendupuis 7662a3f
instantsearch.js: Fix history navigation
adriendupuis 202f3a6
Search result page: change result item layout
adriendupuis 7aae0e1
Search result page: change result item layout
adriendupuis e9062ea
Search result page: Do not add `external` CSS to result links
adriendupuis e208097
custom.js: Factorize hitsPerPage, remove removedPattern
adriendupuis efd1a29
custom.js: Format
adriendupuis 80c8cfc
instantsearch.js: Add idle timer on input changes.
adriendupuis 643557b
custom.js: Fix "See all results" initialization
adriendupuis c36d248
custom.js: clean up after removedPattern removal.
adriendupuis b57630f
custom.js: Rework dropdown layout
adriendupuis d951764
custom.js: Disable search debug
adriendupuis 1a90ae2
search.css: Adjust drop down footer margin
adriendupuis 50896d0
custom.js: Disable search debug
adriendupuis 68cafe4
custom.js: Fix search input selector
adriendupuis 76b8888
custom.js: Use right chevron in breadcrumbs
adriendupuis ea191e5
custom.js: Add missing chevron in breadcrumbs
adriendupuis 7353cbb
custom.js: Factorize
adriendupuis 300642d
search.css: Decrease space around chevron
adriendupuis 776099c
custom.js: Factorize
adriendupuis 0dcbfae
instantsearch.js: Don't search on empty query string
adriendupuis deed6eb
instantsearch.js: Format
adriendupuis a41f5d3
instantsearch.css: Fix highlight font size
adriendupuis 232be46
instantsearch.css: Use same chevron than custom.js
adriendupuis 06dd8ed
instantsearch.js: Hide stats on empty search string
adriendupuis File filter
Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
There are no files selected for viewing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,150 @@ | ||
| .md-content { | ||
| margin: 0 auto; | ||
| } | ||
|
|
||
| footer.md-footer { | ||
| left: 0; | ||
| } | ||
|
|
||
| .md-content .ais-InstantSearch { | ||
| letter-spacing: 0.12px; | ||
| } | ||
|
|
||
| .md-content .ais-InstantSearch h1 { | ||
| font-size: 32px; | ||
| line-height: 36px; | ||
| letter-spacing: 0.17px; | ||
| margin: 8px 0 40px; | ||
| } | ||
|
|
||
| .md-content .ais-InstantSearch .ais-SearchBox .ais-SearchBox-submit { | ||
| left: 16px; | ||
| } | ||
|
|
||
| .md-content .ais-InstantSearch .ais-SearchBox .ais-SearchBox-submitIcon { | ||
| width: 16px; | ||
| } | ||
|
|
||
| .md-content .ais-InstantSearch .ais-SearchBox .ais-SearchBox-input { | ||
| font-size: 14px; | ||
| line-height: 21px; | ||
| height: 48px; | ||
| padding-left: 48px; | ||
| border-color: #A0A4A8; | ||
| } | ||
|
|
||
| .md-content .ais-InstantSearch .ais-Hits-list { | ||
| margin-left: 0; | ||
| } | ||
|
|
||
| .md-content .ais-InstantSearch .ais-Hits-item { | ||
| padding: 0px; | ||
| width: initial; | ||
| margin: 0; | ||
| border: 0; | ||
| box-shadow: none; | ||
| } | ||
|
|
||
| .md-content .ais-InstantSearch .ais-Hits-item + .ais-Hits-item { | ||
| border-top: 1px solid #E0E0E8; | ||
| margin-top: 16px; | ||
| padding-top: 16px; | ||
| } | ||
|
|
||
| .md-content .ais-InstantSearch .ais-Highlight-highlighted { | ||
| background-color: #ECF4FF; | ||
| color: #4191FF; | ||
| font-size: 14px; | ||
| line-height: 21px; | ||
| } | ||
|
|
||
| .md-content .ais-InstantSearch .instantsearch__entry { | ||
| display: block; | ||
| color: var(--ibexa-dusk-black); | ||
| } | ||
|
|
||
| .md-content .ais-InstantSearch .instantsearch__entry:hover, | ||
| .md-content .ais-InstantSearch .instantsearch__entry:hover .instantsearch__entry-header, | ||
| .md-content .ais-InstantSearch .instantsearch__entry:hover .instantsearch__entry-content { | ||
| color: var(--ibexa-jazzberry) | ||
| } | ||
|
|
||
| .md-content .ais-InstantSearch .instantsearch__entry:hover mark, | ||
| .md-content .ais-InstantSearch .instantsearch__entry:hover .instantsearch__entry-header mark, | ||
| .md-content .ais-InstantSearch .instantsearch__entry:hover .instantsearch__entry-content mark { | ||
| color: var(--ibexa-jazzberry) | ||
| } | ||
|
|
||
| .md-content .ais-InstantSearch .instantsearch__entry-header { | ||
| font-size: 18px; | ||
| line-height: 20px; | ||
| letter-spacing: 0.12px; | ||
| margin: 4px 0; | ||
| } | ||
|
|
||
| .md-content .ais-InstantSearch .instantsearch__entry-header .ais-Highlight-highlighted { | ||
| font-size: 18px; | ||
| line-height: 20px; | ||
| } | ||
|
|
||
| .md-content .ais-InstantSearch .instantsearch__entry-content { | ||
| color: #3B424A; | ||
| font-size: 14px; | ||
| line-height: 21px; | ||
| letter-spacing: 0.12px; | ||
| margin-top: 10px; | ||
| padding-left: 10px; | ||
| border-left: 2px solid var(--mid-grey); | ||
| } | ||
|
|
||
| .md-content .ais-InstantSearch .instantsearch__entry-content .ais-Highlight-highlighted { | ||
| font-size: 14px; | ||
| line-height: 21px; | ||
| } | ||
|
|
||
| .md-content .ais-InstantSearch .instantsearch__entry-breadcrumbs { | ||
| font-size: 12px; | ||
| line-height: 21px; | ||
| letter-spacing: 0.12px; | ||
| } | ||
|
|
||
| .md-content .ais-InstantSearch .instantsearch__entry-breadcrumbs-item:after { | ||
| content: '>'; | ||
| display: inline-block; | ||
| padding: 0 10px; | ||
| } | ||
|
|
||
| .md-content .ais-InstantSearch .ais-Pagination .ais-Pagination-list:not([hidden]) { | ||
| display: flex; | ||
| list-style: none; | ||
| margin: 15px 0 0; | ||
| display: flex; | ||
| justify-content: flex-end; | ||
| } | ||
|
|
||
| .md-content .ais-InstantSearch .ais-Pagination .ais-Pagination-list .ais-Pagination-item { | ||
| margin: 0; | ||
| } | ||
|
|
||
| .md-content .ais-InstantSearch .ais-Pagination .ais-Pagination-link { | ||
| border: none; | ||
| font-size: 14px; | ||
| line-height: 21px; | ||
| letter-spacing: 0.12px; | ||
| color: var(--ibexa-dusk-black); | ||
| height: 40px; | ||
| min-width: 40px; | ||
| display: flex; | ||
| justify-content: center; | ||
| align-items: center; | ||
| } | ||
|
|
||
| .md-content .ais-InstantSearch .ais-Pagination .ais-Pagination-item--selected .ais-Pagination-link, | ||
| .md-content .ais-InstantSearch .ais-Pagination .ais-Pagination-link:hover { | ||
| background-color: #F3F3F6; | ||
| border-radius: 5px; | ||
| } | ||
|
|
||
| #version { | ||
| display: none; | ||
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,137 @@ | ||
| .md-header .md-search .algolia-autocomplete .ds-dataset-1 { | ||
| padding: 0; | ||
| } | ||
|
|
||
| .md-header .md-search .algolia-autocomplete .algolia-docsearch-suggestion { | ||
| padding: 0; | ||
| } | ||
|
|
||
| .md-header .md-search .algolia-autocomplete .ds-dropdown-menu .ds-suggestion.ds-cursor .algolia-docsearch-suggestion:not(.suggestion-layout-simple) .algolia-docsearch-suggestion--content { | ||
| background-color: transparent; | ||
| color: var(--ibexa-jazzberry); | ||
| } | ||
|
|
||
| .md-header .md-search .algolia-autocomplete .ds-dropdown-menu .ds-suggestion.ds-cursor .algolia-docsearch-suggestion:not(.suggestion-layout-simple) .algolia-docsearch-suggestion--wrapper * { | ||
| color: var(--ibexa-jazzberry); | ||
| } | ||
|
|
||
| .md-header .md-search .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--highlight { | ||
| background-color: #ECF4FF; | ||
| color: #4191FF !important; | ||
| box-shadow: none; | ||
| padding: 0; | ||
| } | ||
|
|
||
| .md-header .md-search .algolia-autocomplete .algolia-docsearch-suggestion.algolia-docsearch-suggestion__main { | ||
| padding: 0 0 14px 0; | ||
| } | ||
|
|
||
| .md-header .md-search .algolia-autocomplete .algolia-docsearch-suggestion:not(.algolia-docsearch-suggestion__main) { | ||
| padding: 14px 0; | ||
| border-top: 1px solid #E0E0E8; | ||
| } | ||
|
|
||
| .md-header .md-search .algolia-autocomplete .algolia-docsearch-suggestion.algolia-docsearch-suggestion__main .algolia-docsearch-suggestion--category-header { | ||
| display: flex; | ||
| align-items: center; | ||
| font-size: 14px; | ||
| line-height: 21px; | ||
| letter-spacing: 0.12px; | ||
| height: 40px; | ||
| margin: 16px 0; | ||
| padding: 0 40px; | ||
| border: 0; | ||
| background-color: #F2F2F5; | ||
| color: var(--ibexa-dusk-black); | ||
| font-weight: 600; | ||
| } | ||
|
|
||
| .md-header .md-search .algolia-autocomplete .ds-suggestions > .ds-suggestion:first-child .algolia-docsearch-suggestion.algolia-docsearch-suggestion__main .algolia-docsearch-suggestion--category-header { | ||
| margin-top: 0; | ||
| } | ||
|
|
||
| .md-header .md-search .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--wrapper { | ||
| padding: 0; | ||
| } | ||
|
|
||
| .md-header .md-search .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--content { | ||
| float: none; | ||
| width: 100%; | ||
| text-align: left; | ||
| padding: 0; | ||
| margin: 0 40px; | ||
| color: var(--ibexa-dusk-black); | ||
| } | ||
|
|
||
| .md-header .md-search .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--title { | ||
| font-size: 18px; | ||
| line-height: 20px; | ||
| letter-spacing: 0.12px; | ||
| font-weight: 600; | ||
| } | ||
|
|
||
| .md-header .md-search .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--subcategory-column { | ||
| float: none; | ||
| width: 100%; | ||
| text-align: left; | ||
| color: #3B424A; | ||
| font-size: 12px; | ||
| line-height: 21px; | ||
| letter-spacing: 0.12px; | ||
| padding: 0; | ||
| margin: 0px 40px 4px; | ||
| display: flex; | ||
| flex-direction: column-reverse; | ||
| } | ||
|
|
||
| .md-header .md-search .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--content::before { | ||
| display: none; | ||
| } | ||
|
|
||
| .md-header .md-search .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--text { | ||
| color: #3B424A; | ||
| font-size: 14px; | ||
| line-height: 21px; | ||
| letter-spacing: 0.12px; | ||
| margin-top: 10px; | ||
| padding-left: 10px; | ||
| border-left: 2px solid var(--mid-grey); | ||
| } | ||
|
|
||
| .md-header .md-search .algolia-autocomplete .algolia-docsearch-suggestion .aa-suggestion-title-separator { | ||
| padding: 0 10px; | ||
| } | ||
|
|
||
| .md-header .md-search .algolia-autocomplete .ds-dataset-1 { | ||
| z-index: 1; | ||
| padding-bottom: 70px; | ||
| } | ||
|
|
||
| .md-header .md-search .algolia-autocomplete .search-page-link-wrapper { | ||
| position: absolute; | ||
| z-index: 2; | ||
| bottom: 0; | ||
| left: 0; | ||
| right: 0; | ||
| background-color: #F2F2F5; | ||
| width: 100%; | ||
| height: 60px; | ||
| padding: 0 40px; | ||
| display: flex; | ||
| align-items: center; | ||
| justify-content: center; | ||
| } | ||
|
|
||
| .md-header .md-search .algolia-autocomplete .search-page-link { | ||
| color: var(--link); | ||
| transition: color 125ms; | ||
| } | ||
|
|
||
| .md-header .md-search .algolia-autocomplete .search-page-link:hover { | ||
| color: var(--ibexa-jazzberry); | ||
| transition: color 125ms; | ||
| } | ||
|
|
||
| .md-header .md-search .algolia-autocomplete .algolia-docsearch-footer { | ||
| margin-right: 10px; | ||
| } |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Oops, something went wrong.
Oops, something went wrong.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Uh oh!
There was an error while loading. Please reload this page.