From c668c28e96550e40c864e2d10b5363dfeb1a1996 Mon Sep 17 00:00:00 2001 From: Matthieu Dumont Date: Mon, 15 Feb 2016 04:05:46 +0100 Subject: [PATCH] feat(instantsearch): better hiding Now also hides the pagination block matching the CSS selector in options.instantsearch.paginationSelector --- app/css/index.scss | 1 + app/src/AlgoliasearchZendeskHC.js | 2 ++ app/src/index.js | 10 ---------- app/src/instantsearch.js | 3 +++ 4 files changed, 6 insertions(+), 10 deletions(-) diff --git a/app/css/index.scss b/app/css/index.scss index d356137b..6464b486 100644 --- a/app/css/index.scss +++ b/app/css/index.scss @@ -1,3 +1,4 @@ +/* Search by */ .ais-search-box--powered-by-link, .aa-powered-by-link { display: inline-block; width: 45px; diff --git a/app/src/AlgoliasearchZendeskHC.js b/app/src/AlgoliasearchZendeskHC.js index f3f585ad..63ee970e 100644 --- a/app/src/AlgoliasearchZendeskHC.js +++ b/app/src/AlgoliasearchZendeskHC.js @@ -27,6 +27,7 @@ const optionsStructure = {required: true, type: 'Object', children: { indexPrefix: {type: 'string', value: 'zendesk_'}, instantsearch: {type: 'Object', value: {}, children: { enabled: {type: 'boolean', value: true}, + paginationSelector: {type: 'string', value: '.pagination'}, selector: {type: 'string', value: '.search-results'}, tagsLimit: {type: 'number', value: 15} }}, @@ -44,6 +45,7 @@ class AlgoliasearchZendeskHC { const genericHiding = addCSS(` ${options.autocomplete.inputSelector} { display: none; } ${options.instantsearch.selector} { display: none; } + ${options.instantsearch.paginationSelector} { display: none; } `); // once the DOM is initialized diff --git a/app/src/index.js b/app/src/index.js index 641d2674..4fc74474 100644 --- a/app/src/index.js +++ b/app/src/index.js @@ -1,14 +1,4 @@ -import addCSS from './addCSS.js'; import toFactory from 'to-factory'; import AlgoliasearchZendeskHC from './AlgoliasearchZendeskHC.js'; -addCSS(` -.search-results h1:first-child { - display: none !important; -} -.search-results-column { - display: none; - visibility: hidden; -}`); - export default toFactory(AlgoliasearchZendeskHC); diff --git a/app/src/instantsearch.js b/app/src/instantsearch.js index 547c1e2a..e25725e4 100644 --- a/app/src/instantsearch.js +++ b/app/src/instantsearch.js @@ -56,6 +56,9 @@ export default (options) => { } $elt.hide(); + let $paginationContainer = $(options.instantsearch.paginationSelector); + $paginationContainer.hide(); + let search = instantsearch({ appId: options.applicationId, apiKey: options.apiKey,