diff --git a/src/site/_includes/components/searchScript.njk b/src/site/_includes/components/searchScript.njk
index d75a9d7..367da67 100644
--- a/src/site/_includes/components/searchScript.njk
+++ b/src/site/_includes/components/searchScript.njk
@@ -111,10 +111,11 @@
}
});
+ const debouncedSearch = debounce(search, 250, false);
field = document.querySelector('#term');
field.addEventListener('keydown', (e) => {
if (e.key !== 'ArrowDown' && e.key !== 'ArrowUp') {
- debounce(search, 500, false)();
+ debouncedSearch();
}
});
resultsDiv = document.querySelector('#search-results');
@@ -144,12 +145,12 @@
resultsDiv.innerHTML = resultsHTML;
return;
}
- resultsHTML += '
';
+ resultsHTML += '';
// we need to add title, url from ref
results.forEach(r => {
- resultsHTML += `
- ${r.title}${r.content}
`;
+ resultsHTML += `
`;
});
- resultsHTML += '';
+ resultsHTML += '
';
resultsDiv.innerHTML = resultsHTML;
}
\ No newline at end of file
diff --git a/src/site/styles/digital-garden-base.scss b/src/site/styles/digital-garden-base.scss
index 411a821..44e43b4 100644
--- a/src/site/styles/digital-garden-base.scss
+++ b/src/site/styles/digital-garden-base.scss
@@ -292,11 +292,6 @@ ul.task-list {
max-height: 50vh;
}
-#search-results ul {
- padding-inline-start: 0;
- width: 100%;
-}
-
#search-results .searchresult {
margin-bottom: 15px;
list-style: none;
@@ -306,10 +301,6 @@ ul.task-list {
font-size: 1.2rem;
cursor: pointer;
- &:hover {
- border: 2px solid var(--text-accent);
- }
-
&.active{
border: 2px solid var(--text-accent);
}
@@ -329,7 +320,7 @@ ul.task-list {
.search-link {
display: block;
margin-bottom: 4px;
- font-size: 1.2rem;
+ font-size: 1.4rem;
}
.search-button {