Welcome to mirror list, hosted at ThFree Co, Russian Federation.

gitlab.com/gitlab-org/gitlab-docs.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorMarcia Ramos <virtua.creative@gmail.com>2018-03-06 01:14:36 +0300
committerMarcia Ramos <virtua.creative@gmail.com>2018-03-06 01:14:36 +0300
commit44b11159f976db7e650b6724e4e22aabab02000d (patch)
tree6162286646f16a5816b10da10ad3fbf5592b75b5
parent199ddc2760268fa0f177edf1824463c419945e47 (diff)
add refinement list widget to instantsearch
-rw-r--r--content/assets/stylesheets/instantsearch.scss8
-rw-r--r--content/search/index.md1
-rw-r--r--layouts/instantsearch.html10
3 files changed, 19 insertions, 0 deletions
diff --git a/content/assets/stylesheets/instantsearch.scss b/content/assets/stylesheets/instantsearch.scss
index 87bbfe46..80537ffd 100644
--- a/content/assets/stylesheets/instantsearch.scss
+++ b/content/assets/stylesheets/instantsearch.scss
@@ -81,6 +81,10 @@ $color9: #383838;
border: 0;
}
}
+
+#refinement-list {
+ margin-top: 20px;
+}
//scss-lint:enable IdSelector
.algolia-docsearch-suggestion--highlight {
@@ -114,3 +118,7 @@ $color9: #383838;
text-align: right;
font-style: italic;
}
+
+.ais-refinement-list--item {
+ display: inline-block;
+}
diff --git a/content/search/index.md b/content/search/index.md
index b7d7e78d..6be0f30a 100644
--- a/content/search/index.md
+++ b/content/search/index.md
@@ -9,6 +9,7 @@ layout: instantsearch
</div>
</header>
<main>
+ <div id="refinement-list"></div>
<div id="stats"></div>
<div id="hits"></div>
<div id="pagination"></div>
diff --git a/layouts/instantsearch.html b/layouts/instantsearch.html
index 5fd9b3f8..db0a4e8a 100644
--- a/layouts/instantsearch.html
+++ b/layouts/instantsearch.html
@@ -45,6 +45,16 @@
);
search.addWidget(
+ instantsearch.widgets.refinementList({
+ container: '#refinement-list',
+ attributeName: 'tags',
+ templates: {
+ header: 'Refine your search:'
+ }
+ })
+ );
+
+ search.addWidget(
instantsearch.widgets.infiniteHits({
container: '#hits',
templates: {