feat(note_tooltip): clickable note title (closes #1063)

Author: eliandoran

src/public/app/services/link.ts

@@ -361,6 +361,10 @@ function linkContextMenu(e: PointerEvent) {
     const $link = $(e.target as any).closest("a");
     const url = $link.attr("href") || $link.attr("data-href");
 
+    if ($link.attr("data-no-context-menu")) {
+        return;
+    }
+
     const { notePath, viewScope } = parseNavigationStateFromUrl(url);
 
     if (!notePath) {

src/public/app/services/note_tooltip.ts

@@ -155,7 +155,7 @@ async function renderTooltip(note: FNote | null) {
         if (isContentEmpty) {
             classes.push("note-no-content");
         }
-        content = `<h5 class="${classes.join(" ")}">${noteTitleWithPathAsSuffix.prop("outerHTML")}</h5>`;
+        content = `<h5 class="${classes.join(" ")}"><a href="#${note.noteId}" data-no-context-menu="true">${noteTitleWithPathAsSuffix.prop("outerHTML")}</a></h5>`;
     }
 
     content = `${content}<div class="note-tooltip-attributes">${$renderedAttributes[0].outerHTML}</div>`;

src/public/stylesheets/theme-next/shell.css

@@ -1214,6 +1214,10 @@ body .calendar-dropdown-widget .calendar-body a:hover {
     flex-direction: column-reverse;
 }
 
+.note-tooltip-title a {
+    color: inherit !important;
+}
+
 .note-tooltip-title.note-no-content {
     margin: 0;
 }