From 8bc57c4362d5ae41c7b810e7bbacc8de73a696c3 Mon Sep 17 00:00:00 2001
From: Simon Cambier <simon.cambier@protonmail.com>
Date: Tue, 12 Apr 2022 19:45:59 +0200
Subject: [PATCH] #8 - Added some classes for easy customization

---
 assets/styles.css | 19 ++++++++-----------
 src/modal.ts      |  7 +++++--
 2 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/assets/styles.css b/assets/styles.css
index d8b06f1..4f920d8 100644
--- a/assets/styles.css
+++ b/assets/styles.css
@@ -1,17 +1,14 @@
-.osresult__title {
+.omnisearch-modal {
+}
+
+.omnisearch-result {
+}
+
+.omnisearch-result__title {
   font-weight: bold;
 }
 
-.osresult__name {
-  padding-right: .5em;
-  font-size: small;
-  font-weight: normal;
-  color: var(--text-normal);
-  /* color: var(--text-muted);
-  text-decoration: underline; */
-}
-
-.osresult__body {
+.omnisearch-result__body {
   white-space: normal;
   font-size: small;
   word-wrap: normal;
diff --git a/src/modal.ts b/src/modal.ts
index a6d73de..1b0f1ee 100644
--- a/src/modal.ts
+++ b/src/modal.ts
@@ -12,6 +12,8 @@ export class OmnisearchModal extends SuggestModal<ResultNote> {
     super(plugin.app)
     this.plugin = plugin
 
+    this.modalEl.addClass('omnisearch-modal')
+
     this.setPlaceholder('Type to search through your notes')
 
     this.setInstructions([
@@ -137,13 +139,14 @@ export class OmnisearchModal extends SuggestModal<ResultNote> {
 
   renderSuggestion(value: ResultNote, el: HTMLElement): void {
     el.setAttribute('data-note-id', value.path)
+    el.addClass('omnisearch-result')
 
     // title
-    const title = el.createEl('div', { cls: 'osresult__title' })
+    const title = el.createEl('div', { cls: 'omnisearch-result__title' })
     title.innerHTML = value.basename
 
     // body
-    const body = el.createEl('div', { cls: 'osresult__body' })
+    const body = el.createEl('div', { cls: 'omnisearch-result__body' })
     body.innerHTML = value.content
   }