+5 -3

quartz/components/scripts/search.inline.ts

reviewed

··· 300 300 itemTile.classList.add("result-card") 301 301 itemTile.id = slug 302 302 itemTile.href = resolveUrl(slug).toString() 303 303 - itemTile.innerHTML = `<h3>${title}</h3>${htmlTags}${ 304 304 - enablePreview && window.innerWidth > 600 ? "" : `<p>${content}</p>` 305 305 - }` 303 303 + itemTile.innerHTML = ` 304 304 + <h3 class="card-title">${title}</h3> 305 305 + ${htmlTags} 306 306 + <p class="card-description">${content}</p> 307 307 + ` 306 308 itemTile.addEventListener("click", (event) => { 307 309 if (event.altKey || event.ctrlKey || event.metaKey || event.shiftKey) return 308 310 hideSearch()

+10 -2

quartz/components/styles/search.scss

reviewed

··· 133 133 } 134 134 135 135 @media all and ($mobile) { 136 136 - & > #preview-container { 136 136 + flex-direction: column; 137 137 + 138 138 + & > .preview-container { 137 139 display: none !important; 138 140 } 139 141 140 140 - &[data-preview] > #results-container { 142 142 + &[data-preview] > .results-container { 141 143 width: 100%; 142 144 height: auto; 143 145 flex: 0 0 100%; ··· 202 204 203 205 & > h3 { 204 206 margin: 0; 207 207 + } 208 208 + 209 209 + @media all and not ($mobile) { 210 210 + & > p.card-description { 211 211 + display: none; 212 212 + } 205 213 } 206 214 207 215 & > ul.tags {