From 0e04ce488097c4cb168acaba46c58fe17b31b9af Mon Sep 17 00:00:00 2001
From: Sylvain UTARD <sylvain.utard@gmail.com>
Date: Wed, 23 Dec 2015 17:31:17 +0100
Subject: [PATCH] fix(isSubCategoryHeader): ensure we hide the content of the
 left column if this flag is not set

Fix #47
---
 src/lib/templates.js | 4 ++--
 src/styles/main.scss | 8 ++++++++
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/lib/templates.js b/src/lib/templates.js
index 99948273..4358ae36 100644
--- a/src/lib/templates.js
+++ b/src/lib/templates.js
@@ -6,11 +6,11 @@ let templates = {
   suggestion: `
   <div class="${suggestionPrefix}
     {{#isCategoryHeader}}${suggestionPrefix}__main{{/isCategoryHeader}}
-    {{#isSubcategoryHeader}}${suggestionPrefix}__secondary{{/isSubcategoryHeader}}
+    {{#isSubCategoryHeader}}${suggestionPrefix}__secondary{{/isSubCategoryHeader}}
   ">
     <div class="${suggestionPrefix}--category-header">{{{category}}}</div>
     <div class="${suggestionPrefix}--wrapper">
-      <div class="${suggestionPrefix}--subcategory-column">{{{subcategory}}}</div>
+      <div class="${suggestionPrefix}--subcategory-column"><span class="${suggestionPrefix}--subcategory-column-text">{{{subcategory}}}</span></div>
       <div class="${suggestionPrefix}--content">
         <div class="${suggestionPrefix}--subcategory-inline">{{{subcategory}}}</div>
         <div class="${suggestionPrefix}--title">{{{title}}}</div>
diff --git a/src/styles/main.scss b/src/styles/main.scss
index 880cfa95..13039197 100644
--- a/src/styles/main.scss
+++ b/src/styles/main.scss
@@ -141,6 +141,14 @@
     max-width: 135px; // Hardcoded
     min-width: 135px; // Hardcoded
   }
+
+  .algolia-docsearch-suggestion--subcategory-column-text {
+    display: none;
+
+    .algolia-docsearch-suggestion__secondary & {
+      display: block;
+    }
+  }
   .algolia-docsearch-suggestion--content {
     display: table-cell;
     padding: 5px 10px;