From e079e4d67f56d06dee909f94b4a02b5cd57c9ad8 Mon Sep 17 00:00:00 2001
From: Scott Tomaszewski <scott.tomaszewski@finxact.com>
Date: Mon, 20 Oct 2025 14:52:37 -0400
Subject: [PATCH] Adds `cssclasses: hide-dj-passage-properties` to passage
 notes to hide the noise

---
 CHANGELOG..md                 | 4 ++++
 manifest.json                 | 2 +-
 src/services/ESVApiService.ts | 1 +
 styles.css                    | 7 +++++++
 4 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG..md b/CHANGELOG..md
index 850d7b8..46d04ff 100644
--- a/CHANGELOG..md
+++ b/CHANGELOG..md
@@ -1,5 +1,9 @@
 # Changelog
 
+## 0.8.1
+
+- Adds `cssclasses: hide-dj-passage-properties` to passage notes to hide the noise
+
 ## 0.8.0
 
 - Corrects an issue with hover previews not vanishing properly
diff --git a/manifest.json b/manifest.json
index 145ce0e..02483a7 100644
--- a/manifest.json
+++ b/manifest.json
@@ -1,7 +1,7 @@
 {
 	"id": "disciples-journal",
 	"name": "Disciples Journal",
-	"version": "0.8.0",
+	"version": "0.8.1",
 	"minAppVersion": "0.15.0",
 	"description": "Embed Bible references and passages in your notes and read the Bible in Obsidian.",
 	"author": "Scott Tomaszewski (Xentis)",
diff --git a/src/services/ESVApiService.ts b/src/services/ESVApiService.ts
index 34ff6d3..36d7797 100644
--- a/src/services/ESVApiService.ts
+++ b/src/services/ESVApiService.ts
@@ -129,6 +129,7 @@ export class ESVApiService {
 			console.log(filePath);
 			let content = "---\n"
 			content += stringifyYaml(data);
+			content += "cssclasses: hide-dj-passage-properties"
 			content += "\n---\n\n";
 			content += "~~~bible\n"
 			content += data.canonical;
diff --git a/styles.css b/styles.css
index 2b9e073..3dc31fc 100644
--- a/styles.css
+++ b/styles.css
@@ -11,6 +11,13 @@ body {
     display: none !important; /* Use !important to ensure override */
 }
 
+.hide-dj-passage-properties {
+	/* hide in reading mode */
+	--metadata-display-reading: none;
+	/* hide in editing/live preview mode too */
+	--metadata-display-editing: none;
+}
+
 button.clear-input-button {
 	position: absolute;
 	top: 50%;