From 9b7c73d4b67131b3f94afdcc36c95be5d2b9bd7c Mon Sep 17 00:00:00 2001
From: Andrea Alberti <a.alberti82@gmail.com>
Date: Sun, 30 Jun 2024 12:22:45 +0200
Subject: [PATCH] Allow markdown and html annotations.

---
 manifest.json     |  2 +-
 src/main.ts       | 14 +++++++-------
 styles/styles.css | 11 ++++++++---
 3 files changed, 16 insertions(+), 11 deletions(-)

diff --git a/manifest.json b/manifest.json
index ad4b7f7..60bae08 100644
--- a/manifest.json
+++ b/manifest.json
@@ -1,7 +1,7 @@
 {
 	"id": "plugins-annotations",
 	"name": "Plugins Annotations",
-	"version": "1.1.1",
+	"version": "1.2.0",
 	"minAppVersion": "1.5.0",
 	"description": "Allows adding personal comments to each installed plugin.",
 	"author": "Andrea Alberti",
diff --git a/src/main.ts b/src/main.ts
index ed0369c..0900d69 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -272,8 +272,8 @@ export default class PluginsAnnotations extends Plugin {
 				if (descriptionDiv) {
 					const commentDiv = descriptionDiv.querySelector('.plugin-comment');
 					if (!commentDiv) {
-						const comment_container = document.createElement('div');
-						comment_container.className = 'plugin-comment';
+						const annotation_container = document.createElement('div');
+						annotation_container.className = 'plugin-comment';
 
 						const annotation_div = document.createElement('div');
 						annotation_div.className = 'plugin-comment-annotation';
@@ -285,7 +285,7 @@ export default class PluginsAnnotations extends Plugin {
 						if (isPlaceholder) {
 							annotation_div.classList.add('plugin-comment-placeholder');
 							if (this.settings.hide_placeholders) {
-								comment_container.classList.add('plugin-comment-placeholder');
+								annotation_container.classList.add('plugin-comment-placeholder');
 							}
 						}
 
@@ -316,7 +316,7 @@ export default class PluginsAnnotations extends Plugin {
 								}
 								annotation_div.classList.remove('plugin-comment-placeholder');
 								if (this.settings.hide_placeholders) {
-									comment_container.classList.remove('plugin-comment-placeholder');
+									annotation_container.classList.remove('plugin-comment-placeholder');
 								}
 								const range = document.createRange();
 								range.selectNodeContents(annotation_div);
@@ -339,7 +339,7 @@ export default class PluginsAnnotations extends Plugin {
 								annotation_div.innerText = placeholder;
 								annotation_div.classList.add('plugin-comment-placeholder');
 								if (this.settings.hide_placeholders) {
-									comment_container.classList.add('plugin-comment-placeholder');
+									annotation_container.classList.add('plugin-comment-placeholder');
 								}
 								isPlaceholder = true;
 							} else {
@@ -370,8 +370,8 @@ export default class PluginsAnnotations extends Plugin {
 							this.debouncedSaveAnnotations();
 						});
 
-						comment_container.appendChild(annotation_div);
-						descriptionDiv.appendChild(comment_container);
+						annotation_container.appendChild(annotation_div);
+						descriptionDiv.appendChild(annotation_container);						
 					}
 				}
 			}
diff --git a/styles/styles.css b/styles/styles.css
index 3719f42..7a39c8c 100644
--- a/styles/styles.css
+++ b/styles/styles.css
@@ -24,12 +24,17 @@
   margin-bottom: 0;
 }
 
-/* Show comment container when hovering over the plugin container */
-.setting-item:hover .plugin-comment.plugin-comment-placeholder {
-	display: block;
+.plugin-comment-annotation::after {
+    content: "" !important;
 }
 
 .plugin-comment-annotation {
 	width: 100%;
 }
 
+/* Show comment container when hovering over the plugin container */
+.setting-item:hover .plugin-comment.plugin-comment-placeholder {
+	display: block;
+}
+
+