jonny
/
Vector-Local
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Revert "styles: Unify on standard external link icon"" 

This reverts commit 94e436d520.

Change-Id: I7d8e6d60fd9b704cf9092d7f7a1dbe76850647a4
This commit is contained in:
Jdrewniak 2022-08-01 13:03:11 +00:00
parent 94e436d520
commit b5007c5f1c
5 changed files with 15 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
resources/common/images/external-link-ltr-icon.svg Normal file
View File

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12">
<path fill="#fff" stroke="#36c" d="M1.5 4.518h5.982V10.5H1.5z"/>
<path fill="#36c" d="M5.765 1H11v5.39L9.427 7.937l-1.31-1.31L5.393 9.35l-2.69-2.688 2.81-2.808L4.2 2.544z"/>
<path fill="#fff" d="m9.995 2.004.022 4.885L8.2 5.07 5.32 7.95 4.09 6.723l2.882-2.88-1.85-1.852z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 387 B

6
resources/common/images/external-link-rtl-icon.svg Normal file
View File

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12">
<path fill="#fff" stroke="#36c" d="M10.5 4.518H4.518V10.5H10.5z"/>
<path fill="#36c" d="M6.234 1H1v5.39l1.57 1.546 1.31-1.31L6.607 9.35l2.69-2.688-2.81-2.808L7.8 2.544z"/>
<path fill="#fff" d="M2.004 2.004 1.982 6.89 3.8 5.07l2.88 2.88 1.228-1.227-2.88-2.88 1.85-1.852z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 386 B

8
resources/common/images/link-external-ltr-progressive.svg
View File

@ -1,8 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" shape-rendering="crispEdges" viewBox="0 0 12 12">
<title>
external link
</title>
<path fill="#36c" d="m6.2 0 2.3 2.5L5 5.7 6.2 7l3.5-3.2L12 6.4V0H6.2Z"/>
<path stroke="#36c" d="M4 .5H1M11.5 8v3M.5 1v10m.5.5h10"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 328 B

8
resources/common/images/link-external-rtl-progressive.svg
View File

@ -1,8 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" shape-rendering="crispEdges" viewBox="0 0 12 12">
<title>
external link
</title>
<path fill="#36c" d="M5.8 0 3.5 2.5 7 5.7 5.8 7 2.3 3.8 0 6.4V0h5.8Z"/>
<path stroke="#36c" d="M8 .5h3M.5 8v3m11-10v10m-.5.5H1"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 326 B

10
resources/common/typography.less
View File

@ -140,14 +140,10 @@ pre,
}
// External links
// Use of `a` element selector for limiting generic class scope due to `.external` widespread usage.
// Use of `a` element selector due to its widespread usage and for limiting generic class scope.
.mw-parser-output a.external {
// Use copy of Codex/OOUI WikimediaUI theme's 'linkExternal' icon in progressive color.
// Note that CSSJanus is flipping the `ltr` in the URL to `rtl`.
// Therefore make sure that both icons are available and up-to-date.
background-image: url( images/link-external-ltr-progressive.svg );
background-image: url( images/external-link-ltr-icon.svg );
background-position: center right;
background-repeat: no-repeat;
background-size: @size-indicator;
padding-right: 1em;
padding-right: 13px;
}