Dockery/Trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-11-11 15:55:52 +01:00
Code Issues Packages Projects Releases Activity

feat(quick_search): try using another color so that matches stand out more? might change back

Browse Source
This commit is contained in:
perf3ct
2025-08-03 20:42:52 +00:00
parent 53bcec602d
commit 9cef8c8e70
2 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
apps/client/src/stylesheets/style.css
View File

@@ -2245,6 +2245,14 @@ footer.webview-footer button {
padding: 1px 10px 1px 10px; padding: 1px 10px 1px 10px;
} }
/* Search result highlighting */
.search-result-title b,
.search-result-content b {
font-weight: 900;
color: orange;
text-shadow: 0 0 1px rgba(255, 165, 0, 0.3);
}
/* Customized icons */ /* Customized icons */
.bx-tn-toc::before { .bx-tn-toc::before {

4
apps/client/src/widgets/quick_search.ts
View File

@@ -238,12 +238,12 @@ export default class QuickSearchWidget extends BasicWidget {
let itemHtml = `<div style="display: flex; flex-direction: column;"> let itemHtml = `<div style="display: flex; flex-direction: column;">
<div style="display: flex; align-items: flex-start; gap: 6px;"> <div style="display: flex; align-items: flex-start; gap: 6px;">
<span class="${result.icon}" style="flex-shrink: 0; margin-top: 1px;"></span> <span class="${result.icon}" style="flex-shrink: 0; margin-top: 1px;"></span>
<span style="flex: 1;">${result.highlightedNotePathTitle}</span> <span style="flex: 1;" class="search-result-title">${result.highlightedNotePathTitle}</span>
</div>`; </div>`;
// Add content snippet below the title if available // Add content snippet below the title if available
if (result.highlightedContentSnippet) { if (result.highlightedContentSnippet) {
itemHtml += `<div style="font-size: 0.85em; color: var(--main-text-color); opacity: 0.7; margin-left: 20px; margin-top: 4px; line-height: 1.3;">${result.highlightedContentSnippet}</div>`; itemHtml += `<div style="font-size: 0.85em; color: var(--main-text-color); opacity: 0.7; margin-left: 20px; margin-top: 4px; line-height: 1.3;" class="search-result-content">${result.highlightedContentSnippet}</div>`;
} }
itemHtml += `</div>`; itemHtml += `</div>`;