honeymoose
/
angular-cn
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
This commit is contained in:
ajitsinghkaler 2020-04-14 23:29:56 +05:30 committed by Misko Hevery
parent eb34aa551a
commit bd30c37040
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;
}
}
}
}