cargdev/angular
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(docs-infra): add visual signal for external links (#36601)

Browse Source 
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
This commit is contained in:
ajitsinghkaler 2020-04-14 23:29:56 +05:30 committed by Misko Hevery
parent ba1dfd0cf3
commit 6eef7dbdbe
1 changed files with 29 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
aio/src/styles/0-base/_typography.scss
View File

@ -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;
}
}
}
}