diff --git a/assets/styles.css b/assets/styles.css index b9c3ac7..58b3254 100644 --- a/assets/styles.css +++ b/assets/styles.css @@ -4,10 +4,30 @@ .omnisearch-result { white-space: normal; display: flex; - flex-direction: column; + flex-direction: row; + justify-content: space-between; + flex-wrap: nowrap; +} + +.omnisearch-result__title-container { + display: flex; + align-items: center; + justify-content: space-between; + column-gap: 5px; + flex-wrap: wrap; } .omnisearch-result__title { + align-items: center; + display: flex; + gap: 5px; +} + +.omnisearch-result__folder-path { + font-size: 0.75rem; + align-items: center; + display: flex; + gap: 5px; } .omnisearch-result__counter { @@ -27,12 +47,20 @@ color: var(--text-muted); } +.omnisearch-result__image-container { + flex-basis: 20%; + text-align: right +} + .omnisearch-highlight { } .omnisearch-default-highlight { - color: var(--text-normal); - background-color: var(--text-highlight-bg); + text-decoration: underline; + text-decoration-color: var(--text-highlight-bg); + text-decoration-thickness: 3px; + text-underline-offset: -1px; + text-decoration-skip-ink: none; } .omnisearch-input-container { diff --git a/src/components/ResultItemVault.svelte b/src/components/ResultItemVault.svelte index 5e55589..94cd5e3 100644 --- a/src/components/ResultItemVault.svelte +++ b/src/components/ResultItemVault.svelte @@ -4,17 +4,24 @@ import { highlighter, isFileImage, + isFilePDF, makeExcerpt, + pathWithoutFilename, removeDiacritics, stringsToRegex, } from '../tools/utils' import ResultItemContainer from './ResultItemContainer.svelte' + import { onMount } from 'svelte' + import { setIcon } from 'obsidian' export let selected = false export let note: ResultNote let imagePath: string | null = null let title = '' + let notePath = '' + let folderPathIcon + let filePathIcon $: { imagePath = null @@ -31,10 +38,21 @@ $: cleanedContent = makeExcerpt(note.content, note.matches[0]?.offset ?? -1) $: glyph = false //cacheManager.getLiveDocument(note.path)?.doesNotExist $: { - title = settings.showShortName ? note.basename : note.path + title = note.basename + notePath = pathWithoutFilename(note.path) if (settings.ignoreDiacritics) { title = removeDiacritics(title) } + + // Icons + if (folderPathIcon) { + setIcon(folderPathIcon, 'folder-open') + } + if (filePathIcon) { + if (isFileImage(note.path)) setIcon(filePathIcon, 'file-image') + else if (isFilePDF(note.path)) setIcon(filePathIcon, 'file-line-chart') + else setIcon(filePathIcon, 'file-text') + } } @@ -44,31 +62,42 @@ on:click on:mousemove selected="{selected}"> -