Merge pull request #1326 from kinow/typeahead-post-bootstrap

Fix typeahead templates in the search auto-complete
NatLibFi · Jun 2, 2022 · 290296c · 290296c
2 parents a54bada + ad414ea
commit 290296c
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/resource/css/styles.css b/resource/css/styles.css
@@ -2126,7 +2126,7 @@ span.date-info {
   float: right;
 }
 
-.tt-selectable > .concept-type {
+.tt-selectable > .concept-type, .autocomplete-label > div:first-child > span.concept-type {
   float: right;
   height: auto;
 }
@@ -2135,7 +2135,7 @@ span.date-info {
   overflow: hidden;
 }
 
-.autocomplete-label > span {
+.autocomplete-label > div:first-child > span:first-child, .autocomplete-label > div:first-child > span.replaced + span {
   color: var(--medium-color);
   margin: 0;
 }

diff --git a/resource/js/docready.js b/resource/js/docready.js
@@ -750,13 +750,15 @@ $(function() { // DOCUMENT READY
 
   var autocompleteTemplate =[
     '<div class="autocomplete-label">',
+    '<div>',
     '{{# if matched }}<span>{{matched}}{{# if lang}} ({{lang}}){{/if}} = </span>{{/if}}',
     '{{# if replaced }}<span class="replaced">{{replaced}}{{# if lang}} ({{lang}}){{/if}} &rarr; </span>{{/if}}',
     '{{# if notation }}<span>{{notation}}</span>{{/if}}',
     '<span>{{label}}{{# if lang}}{{# unless matched }}<span>({{lang}})</span>{{/unless}}{{/if}}</span>',
     '{{# if typeLabel }}<span class="concept-type">{{typeLabel}}</span>{{/if}}',
     '</div>',
-    '<div class="vocab">{{vocabLabel}}</div>'
+    '<div class="vocab">{{vocabLabel}}</div>',
+    '</div>'
   ].join('');
 
   if ($('.headerbar').length > 0) {