client: mark the links that should use the new style

src/public/app/services/note_list_renderer.ts

@@ -151,7 +151,7 @@ const TPL = `
     <div class="note-list-wrapper">
         <div class="note-list-pager"></div>
 
-        <div class="note-list-container"></div>
+        <div class="note-list-container use-tn-links"></div>
 
         <div class="note-list-pager"></div>
     </div>

src/public/app/widgets/dialogs/about.js

@@ -17,7 +17,7 @@ const TPL = `
                 <table class="table table-borderless">
                     <tr>
                         <th>${t("about.homepage")}</th>
-                        <td><a href="https://github.com/TriliumNext/Notes" class="external">https://github.com/TriliumNext/Notes</a></td>
+                        <td><a class="tn-link" href="https://github.com/TriliumNext/Notes" class="external">https://github.com/TriliumNext/Notes</a></td>
                     </tr>
                     <tr>
                         <th>${t("about.app_version")}</th>
@@ -38,7 +38,7 @@ const TPL = `
 
                     <tr>
                         <th>${t("about.build_revision")}</th>
-                        <td><a href="" class="build-revision external" target="_blank"></a></td>
+                        <td><a class="tn-link" href="" class="build-revision external" target="_blank"></a></td>
                     </tr>
 
                     <tr>
@@ -82,6 +82,7 @@ export default class AboutDialog extends BasicWidget {
             this.$dataDirectory.html(
                 $("<a></a>", {
                     href: "#",
+                    class: "tn-link",
                     text: appInfo.dataDirectory
                 })
             );

src/public/app/widgets/dialogs/help.ts

@@ -3,7 +3,7 @@ import BasicWidget from "../basic_widget.js";
 import { t } from "../../services/i18n.js";
 
 const TPL = `
-<div class="help-dialog modal" tabindex="-1" role="dialog">
+<div class="help-dialog modal use-tn-links" tabindex="-1" role="dialog">
     <div class="modal-dialog" role="document" style="min-width: 90%;">
         <div class="modal-content" style="height: auto;">
             <div class="modal-header">

src/public/app/widgets/shared_info.js

@@ -4,7 +4,7 @@ import attributeService from "../services/attributes.js";
 import { t } from "../services/i18n.js";
 
 const TPL = `
-<div class="shared-info-widget alert alert-warning">
+<div class="shared-info-widget alert alert-warning use-tn-links">
     <style>
         .shared-info-widget {
             margin: 10px;
@@ -13,7 +13,7 @@ const TPL = `
             font-weight: bold;
         }
     </style>
-    
+
     <span class="shared-text"></span> <a class="shared-link external"></a>. ${t("shared_info.help_link")}
 </div>`;
 

src/public/app/widgets/type_widgets/editable_text.js

@@ -88,7 +88,7 @@ const TPL = `
     }
     </style>
 
-    <div class="note-detail-editable-text-editor" tabindex="300"></div>
+    <div class="note-detail-editable-text-editor use-tn-links" tabindex="300"></div>
 </div>
 `;
 

src/public/app/widgets/type_widgets/options/etapi.ts

@@ -10,7 +10,7 @@ const TPL = `
     <h4>${t("etapi.title")}</h4>
 
     <p>${t("etapi.description")} <br/>
-       ${t("etapi.see_more")} <a href="https://triliumnext.github.io/Docs/Wiki/etapi.html">${t("etapi.wiki")}</a> ${t("etapi.and")} <a onclick="window.open('etapi/etapi.openapi.yaml')" href="etapi/etapi.openapi.yaml">${t("etapi.openapi_spec")}</a>.</p>
+       ${t("etapi.see_more")} <a class="tn-link" href="https://triliumnext.github.io/Docs/Wiki/etapi.html">${t("etapi.wiki")}</a> ${t("etapi.and")} <a class="tn-link" onclick="window.open('etapi/etapi.openapi.yaml')" href="etapi/etapi.openapi.yaml">${t("etapi.openapi_spec")}</a>.</p>
 
     <button type="button" class="create-etapi-token btn btn-sm">${t("etapi.create_token")}</button>
 

src/public/app/widgets/type_widgets/options/password.ts

@@ -10,7 +10,7 @@ const TPL = `
     <h4 class="password-heading">${t("password.heading")}</h4>
 
     <div class="alert alert-warning" role="alert" style="font-weight: bold; color: red !important;">
-      ${t("password.alert_message")} <a class="reset-password-button" href="javascript:">${t("password.reset_link")}</a>
+      ${t("password.alert_message")} <a class="reset-password-button tn-link" href="javascript:">${t("password.reset_link")}</a>
     </div>
 
     <form class="change-password-form">
@@ -36,7 +36,7 @@ const TPL = `
 <div class="options-section">
     <h4>${t("password.protected_session_timeout")}</h4>
 
-    <p>${t("password.protected_session_timeout_description")} <a href="https://triliumnext.github.io/Docs/Wiki/protected-notes.html" class="external">${t("password.wiki")}</a> ${t("password.for_more_info")}</p>
+    <p>${t("password.protected_session_timeout_description")} <a class="tn-link" href="https://triliumnext.github.io/Docs/Wiki/protected-notes.html" class="external">${t("password.wiki")}</a> ${t("password.for_more_info")}</p>
 
     <div class="form-group">
         <label for="protected-session-timeout-in-seconds">${t("password.protected_session_timeout_label")}</label>

src/public/app/widgets/type_widgets/options/shortcuts.ts

@@ -30,7 +30,7 @@ const TPL = `
 
     <h4>${t("shortcuts.keyboard_shortcuts")}</h4>
 
-    <p>
+    <p class="use-tn-links">
       ${t("shortcuts.multiple_shortcuts")}
       ${t("shortcuts.electron_documentation")}
     </p>

src/public/app/widgets/type_widgets/read_only_text.js

@@ -66,7 +66,7 @@ const TPL = `
     }
     </style>
 
-    <div class="note-detail-readonly-text-content ck-content"></div>
+    <div class="note-detail-readonly-text-content ck-content use-tn-links"></div>
 </div>
 `;