fix(isSubCategoryHeader): ensure we hide the content of the left colu…

…mn if this flag is not set Fix #47
algolia · Dec 23, 2015 · 0e04ce4 · 0e04ce4
1 parent 1ba090f
commit 0e04ce4
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git 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
@@ -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;