From bd30c37040d79740ba838925fd5c91edc470e8c5 Mon Sep 17 00:00:00 2001
From: ajitsinghkaler <ajitsinghkaler0@gmail.com>
Date: Tue, 14 Apr 2020 23:29:56 +0530
Subject: [PATCH] fix(docs-infra): add visual signal for external links
 (#36601)

Clicking on a link may take us to an extenal source, which may lead to user leaving angular.io unintentionally.

Added visual cues on external links so that user knows which links are external and which are intenal to angular.io.

Fixes #17620

PR Close #36601
---
 aio/src/styles/0-base/_typography.scss | 29 ++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)

diff --git a/aio/src/styles/0-base/_typography.scss b/aio/src/styles/0-base/_typography.scss
index 0e232c1c6d..8a07876f4a 100755
--- a/aio/src/styles/0-base/_typography.scss
+++ b/aio/src/styles/0-base/_typography.scss
@@ -192,3 +192,32 @@ code {
     color: $mediumgray;
   }
 }
+
+.folder-api,
+.folder-cli,
+.folder-docs,
+.folder-guide,
+.folder-start,
+.folder-tutorial {
+  
+  aio-doc-viewer{
+    a {
+      &[href^="http:"]::after,
+      &[href^="https:"]::after {
+        font-family: "Material Icons";
+        content: "open_in_new";
+        margin-left: 2px;
+        position: relative;
+        @include line-height(24);
+        vertical-align: bottom; 
+      }
+    }
+
+    .github-links a {
+      &[href^="http:"]::after,
+      &[href^="https:"]::after {
+        display: none;
+      }
+    }
+  }
+}