Thanks for sharing this solution. It works great for leaving notes/reminders/ideas to myself while drafting. I changed the colors for a more subdued look, going in light and dark mode. I switch back and forth. I think a cool comments plugin could be made to flesh out this functionality. A toggle to show/hide comments for a document would be cool. This could switch css snippets from regular to display none. Maybe I could use the snippet manager plugin to do that. Seems clunky, but just thinking out loud. Another nice thing about this solution is that the comment box dims when using focus mode. I like the typewriter scroll plugin, with it’s separate focus mode toggle.
I recreated the document navigator panel I loved in Writemonkey by using query blocks. You can get a list of all the comments in a list form. My file Has three ways of navigating, overkill, but can be useful.
file: "Outline" ##
file: "Outline" %%
file: "Outline" ^
.cm-comment-end::after,
.cm-inline-footnote-end::after {
content: " 🗨️ ";
font-size:20px;
text-shadow: 0 0 0 var(--interactive-accent);
position:relative;
bottom:3px;
opacity: 80%;
}
.cm-comment:not(.cm-comment-end):not(.cm-comment-start),
.cm-inline-footnote:not(.cm-inline-footnote-end):not(.cm-inline-footnote-start) {
position:relative;
z-index:100!important;
display:block;
margin-left:20px;
margin-right:-255px;
margin-top:-25px;
float:right;
width:210px;
font-size:.70em;
padding:10px;
border: 1px solid #36454F;
box-shadow: 3px 3px var(--interactive-accent);
opacity: 80%;
color: var(--text-muted);
background: var(--background-secondary);
}