fix(markdown): external icon for target _blank (#2070)

* fix(markdown): external icon for target _blank * fix(markdown): styling adjustments --------- Co-authored-by: github-actions <[email protected]>
Teradata · Feb 22, 2024 · 13280fc · 13280fc
1 parent ff89cb9
commit 13280fc
Showing 1 changed file with 17 additions and 0 deletions.
diff --git a/libs/markdown/src/lib/markdown.component.scss b/libs/markdown/src/lib/markdown.component.scss
@@ -5,6 +5,23 @@
       background-color: transparent;
     }
 
+    a[target='_blank'] {
+      display: inline-flex;
+      align-items: center;
+      position: relative;
+      padding-right: 16px;
+
+      &::after {
+        content: 'open_in_new';
+        font-family: var(--mdc-icon-font, 'Material Symbols Outlined');
+        padding-left: 2px;
+        text-decoration: none;
+        position: absolute;
+        right: 0;
+        top: 1px;
+      }
+    }
+
     a:active,
     a:hover {
       outline-width: 0;