Minor tweaks to navigation, pages and search

1 files changed, 7 insertions, 4 deletions

diff --git a/themes/simple/layouts/partials/search.html b/themes/simple/layouts/partials/search.html
index 5a76384..7978000 100644
--- a/themes/simple/layouts/partials/search.html
+++ b/themes/simple/layouts/partials/search.html
@@ -7,6 +7,7 @@
 <script>
   (async function() {
       const debounceDelay = 700;
+      const maxSearchResults = 10;
 
       // Fetch search index generated by Hugo.
       const req = await fetch('/index.json');
@@ -41,9 +42,9 @@
       const searchButtonElement = document.querySelector('.search-button');
       const searchButtonTextElement = document.querySelector('.search-button-text');
       if (searchButtonElement) {
-          let searchButtonText = 'ctrl+k';
+          let searchButtonText = 'Ctrl+K';
           if (navigator.platform.toUpperCase().indexOf('MAC') >= 0) {
-              searchButtonText = 'cmd+k';
+              searchButtonText = '⌘+K';
           }
           searchButtonTextElement.innerText = searchButtonText;
           searchButtonElement.classList.remove('hidden');
@@ -75,6 +76,8 @@
                           searchResults.classList.add('hidden');
                       }
                   }
+              } else {
+                  searchInput.focus();
               }
           }
 
@@ -136,7 +139,7 @@
       searchInput.addEventListener('keyup', debounce((evt)=> {
           const query = evt.target.value.trim().toLowerCase();
                       if (query.length && query != cachedSearchTerm) {
-                                const results = searchIndex.search(query);
+                                const results = searchIndex.search(`*${query}*`);
 
               if (results.length == 0) {
                   if (!searchResults.classList.contains('hidden')) {
@@ -147,7 +150,7 @@
                         searchResults.classList.remove('hidden');
                         cachedSearchTerm = query;
 
-                        results.forEach(resultItem => {
+                        results.slice(0, maxSearchResults).forEach(resultItem => {
                       const item = window.searchDocuments.find(doc => doc.permalink === resultItem.ref);
 
                                   const link = document.createElement('a');