diff --git a/resources/common/images/external-link-ltr-icon.svg b/resources/common/images/external-link-ltr-icon.svg new file mode 100644 index 00000000..526f9993 --- /dev/null +++ b/resources/common/images/external-link-ltr-icon.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/resources/common/images/external-link-rtl-icon.svg b/resources/common/images/external-link-rtl-icon.svg new file mode 100644 index 00000000..54fb18e8 --- /dev/null +++ b/resources/common/images/external-link-rtl-icon.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/resources/common/images/link-external-ltr-progressive.svg b/resources/common/images/link-external-ltr-progressive.svg deleted file mode 100644 index 11e724ca..00000000 --- a/resources/common/images/link-external-ltr-progressive.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - external link - - - - diff --git a/resources/common/images/link-external-rtl-progressive.svg b/resources/common/images/link-external-rtl-progressive.svg deleted file mode 100644 index a4772306..00000000 --- a/resources/common/images/link-external-rtl-progressive.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - external link - - - - diff --git a/resources/common/typography.less b/resources/common/typography.less index aaef3f9e..73bf3002 100644 --- a/resources/common/typography.less +++ b/resources/common/typography.less @@ -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; }