Adds cssclasses: hide-dj-passage-properties to passage notes to hide the noise

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

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)",

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;

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%;