Fix #3439: Identify external links in DText.

2018-09-11 15:01:20 -05:00
parent e58172483b
commit 8915437b4a
2 changed files with 13 additions and 1 deletions
--- a/app/javascript/src/styles/common/dtext.scss
+++ b/app/javascript/src/styles/common/dtext.scss
@@ -87,6 +87,18 @@ div.prose {
      margin-bottom: 0;
    }
  }
+
+  // https://fontawesome.com/how-to-use/on-the-web/advanced/css-pseudo-elements
+  a.dtext-external-link::after {
+    display: none;
+    font: 900 1em "Font Awesome 5 Free";
+    content: "\f35d"; // https://fontawesome.com/icons/external-link-alt?style=solid
+  }
+
+  a.dtext-external-link svg {
+    width: 0.75em;
+    padding-left: 0.25em;
+  }
 }

 div.dtext-preview {