diff --git a/quartz/components/scripts/search.inline.ts b/quartz/components/scripts/search.inline.ts
index c960f5e47..17f3e1ba8 100644
--- a/quartz/components/scripts/search.inline.ts
+++ b/quartz/components/scripts/search.inline.ts
@@ -76,8 +76,9 @@ function highlight(searchTerm: string, text: string, trim?: boolean) {
})
.join(" ")
- return `${startIndex === 0 ? "" : "..."}${slice}${endIndex === tokenizedText.length - 1 ? "" : "..."
- }`
+ return `${startIndex === 0 ? "" : "..."}${slice}${
+ endIndex === tokenizedText.length - 1 ? "" : "..."
+ }`
}
function highlightHTML(searchTerm: string, innerHTML: string) {
@@ -276,13 +277,15 @@ document.addEventListener("nav", async (e: CustomEventMap["nav"]) => {
return []
}
- return tags.map(tag => {
- if (tag.toLowerCase().includes(term.toLowerCase())) {
- return `
#${tag}
`
- } else {
- return `#${tag}
`
- }
- }).slice(0, numTagResults)
+ return tags
+ .map((tag) => {
+ if (tag.toLowerCase().includes(term.toLowerCase())) {
+ return `#${tag}
`
+ } else {
+ return `#${tag}
`
+ }
+ })
+ .slice(0, numTagResults)
}
function resolveUrl(slug: FullSlug): URL {
@@ -299,7 +302,7 @@ document.addEventListener("nav", async (e: CustomEventMap["nav"]) => {
async function onMouseEnter(ev: MouseEvent) {
if (!ev.target) return
- currentHover?.classList.remove('focus')
+ currentHover?.classList.remove("focus")
currentHover?.blur()
const target = ev.target as HTMLInputElement
await displayPreview(target)
@@ -392,7 +395,9 @@ document.addEventListener("nav", async (e: CustomEventMap["nav"]) => {
preview.replaceChildren(previewInner)
// scroll to longest
- const highlights = [...preview.querySelectorAll(".highlight")].sort((a, b) => b.innerHTML.length - a.innerHTML.length)
+ const highlights = [...preview.querySelectorAll(".highlight")].sort(
+ (a, b) => b.innerHTML.length - a.innerHTML.length,
+ )
highlights[0]?.scrollIntoView()
}
diff --git a/quartz/components/styles/search.scss b/quartz/components/styles/search.scss
index df4f5bab5..b4bb64a00 100644
--- a/quartz/components/styles/search.scss
+++ b/quartz/components/styles/search.scss
@@ -204,7 +204,7 @@
line-height: 1.4rem;
font-weight: bold;
color: var(--secondary);
-
+
&.match-tag {
color: var(--tertiary);
}