diff --git a/app/javascript/src/styles/common/dtext.scss b/app/javascript/src/styles/common/dtext.scss index 6ed676cd8..41e61f29f 100644 --- 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 { diff --git a/app/views/layouts/default.html.erb b/app/views/layouts/default.html.erb index 0cf6d38af..bd949a5ba 100644 --- a/app/views/layouts/default.html.erb +++ b/app/views/layouts/default.html.erb @@ -70,7 +70,7 @@ "url" : "<%= root_url %>" } - +