💄 Fix issue#69 Single line comments are hidden

Fixes an issue where non-Todist single line comments (Java, Ruby, HTML...)
were hidden.
See HeroBlackInk#69 (comment)

styles.css

@@ -1,14 +1,18 @@
-
-.cm-line:not(:hover):not(.cm-active) span.cm-comment {
-    display: none;
+/* 
+ * Hide the todoist_id start and end comment delimiters (%%) 
+ * except when we hover over the line or edit the task
+ */
+.cm-line:not(:hover):not(.cm-active) > .cm-comment.cm-comment-start:has(~ .dataview.inline-field > .dataview.inline-field-key[data-dv-key="todoist_id"]),
+.cm-line:not(:hover):not(.cm-active) > .cm-comment.cm-comment-start:has(~ .dataview.inline-field > .dataview.inline-field-key[data-dv-key="todoist_id"]) ~ .cm-comment.cm-comment-end
+{
+		display: none;
 }
 
 
 
 
 
 
-
 /*
 .cm-line span.cm-comment {
     display: none;