🔀 Merge pull request #650 from stereobooster/search-mall-improvement

Small improvement in js
jpanther · Oct 24, 2023 · 479bc21 · 479bc21
2 parents 1c8e681 + 0e697b2
commit 479bc21
Showing 1 changed file with 13 additions and 15 deletions.
diff --git a/assets/js/search.js b/assets/js/search.js
@@ -133,21 +133,19 @@ function executeQuery(term) {
  let resultsHTML = "";
 
  if (results.length > 0) {
- results.forEach(function (value, key) {
- resultsHTML =
- resultsHTML +
- `<li class="mb-2">
- <a class="flex items-center px-3 py-2 rounded-md appearance-none bg-neutral-100 dark:bg-neutral-700 focus:bg-primary-100 hover:bg-primary-100 dark:hover:bg-primary-900 dark:focus:bg-primary-900 focus:outline-dotted focus:outline-transparent focus:outline-2" href="${value.item.permalink}" tabindex="0">
- <div class="grow">
- <div class="-mb-1 text-lg font-bold">${value.item.title}</div>
- <div class="text-sm text-neutral-500 dark:text-neutral-400">${value.item.section}${value.item.date == null ? '' : `<span class="px-2 text-primary-500">&middot;</span>${value.item.date}</span>`}</div>
- <div class="text-sm italic">${value.item.summary}</div>
- </div>
- <div class="ml-2 ltr:block rtl:hidden text-neutral-500">&rarr;</div>
- <div class="mr-2 ltr:hidden rtl:block text-neutral-500">&larr;</div>
- </a>
- </li>`;
- });
+ resultsHTML = results.map(function (value, key) {
+ return `<li class="mb-2">
+ <a class="flex items-center px-3 py-2 rounded-md appearance-none bg-neutral-100 dark:bg-neutral-700 focus:bg-primary-100 hover:bg-primary-100 dark:hover:bg-primary-900 dark:focus:bg-primary-900 focus:outline-dotted focus:outline-transparent focus:outline-2" href="${value.item.permalink}" tabindex="0">
+ <div class="grow">
+ <div class="-mb-1 text-lg font-bold">${value.item.title}</div>
+ <div class="text-sm text-neutral-500 dark:text-neutral-400">${value.item.section}${value.item.date == null ? '' : `<span class="px-2 text-primary-500">&middot;</span>${value.item.date}</span>`}</div>
+ <div class="text-sm italic">${value.item.summary}</div>
+ </div>
+ <div class="ml-2 ltr:block rtl:hidden text-neutral-500">&rarr;</div>
+ <div class="mr-2 ltr:hidden rtl:block text-neutral-500">&larr;</div>
+ </a>
+ </li>`;
+ }).join("");
  hasResults = true;
  } else {
  resultsHTML = "";