nikon/docsearch
1
0
Fork 0
Code Activity Actions

fix(isSubCategoryHeader): ensure we hide the content of the left column if this flag is not set

Browse source 
Fix #47
This commit is contained in:
Sylvain UTARD 2015-12-23 17:31:17 +01:00
parent 1ba090f248
commit 0e04ce4880
2 changed files with 10 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/lib/templates.js
View file

@ -6,11 +6,11 @@ let templates = {
suggestion: ` suggestion: `
<div class="${suggestionPrefix} <div class="${suggestionPrefix}
{{#isCategoryHeader}}${suggestionPrefix}__main{{/isCategoryHeader}} {{#isCategoryHeader}}${suggestionPrefix}__main{{/isCategoryHeader}}
{{#isSubcategoryHeader}}${suggestionPrefix}__secondary{{/isSubcategoryHeader}} {{#isSubCategoryHeader}}${suggestionPrefix}__secondary{{/isSubCategoryHeader}}
"> ">
<div class="${suggestionPrefix}--category-header">{{{category}}}</div> <div class="${suggestionPrefix}--category-header">{{{category}}}</div>
<div class="${suggestionPrefix}--wrapper"> <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}--content">
<div class="${suggestionPrefix}--subcategory-inline">{{{subcategory}}}</div> <div class="${suggestionPrefix}--subcategory-inline">{{{subcategory}}}</div>
<div class="${suggestionPrefix}--title">{{{title}}}</div> <div class="${suggestionPrefix}--title">{{{title}}}</div>

8
src/styles/main.scss
View file

@ -141,6 +141,14 @@
max-width: 135px; // Hardcoded max-width: 135px; // Hardcoded
min-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 { .algolia-docsearch-suggestion--content {
display: table-cell; display: table-cell;
padding: 5px 10px; padding: 5px 10px;