styling for external links

zadam · Feb 16, 2019 · c849d71 · c849d71
1 parent 96de2e7
commit c849d71
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/src/public/stylesheets/style.css b/src/public/stylesheets/style.css
@@ -892,4 +892,10 @@ div[data-notify="container"] {
     font-size: 0.875rem;
     line-height: 0.5;
     border-radius: 0.2rem;
+}
+
+a.external:after, a[href^="http://"]:after, a[href^="https://"]:after {
+    font-size: smaller;
+    content: "\2197";
+    vertical-align: top;
 }
diff --git a/src/views/dialogs/help.ejs b/src/views/dialogs/help.ejs
@@ -19,7 +19,7 @@
                                     <li><kbd>UP/DOWN</kbd> - go up/down in the list of notes</li>
                                     <li><kbd>LEFT/RIGHT</kbd> - collapse/expand node</li>
                                     <li><kbd>ALT+LEFT/RIGHT</kbd> - go back / forwards in the history</li>
-                                    <li><kbd>CTRL+J</kbd> - show <a href="https://github.com/zadam/trilium/wiki/Note-navigation#jump-to-note">"Jump to" dialog</a></li>
+                                    <li><kbd>CTRL+J</kbd> - show <a class="external" href="https://github.com/zadam/trilium/wiki/Note-navigation#jump-to-note">"Jump to" dialog</a></li>
                                     <li><kbd>CTRL+.</kbd> - scroll to current note</li>
                                     <li><kbd>BACKSPACE</kbd> - jumps to parent note</li>
                                     <li><kbd>ALT+C</kbd> - collapse whole note tree</li>
@@ -81,7 +81,7 @@
 
                     <div class="card">
                         <div class="card-body">
-                            <h5 class="card-title">Markdown-like autoformatting</h5>
+                            <h5 class="card-title"><a class="external" href="https://github.com/zadam/trilium/wiki/Text-editor#autoformat">Markdown-like autoformatting</a></h5>
 
                             <p class="card-text">
                                 <ul>