Fix external icon specificity

We've changed the selector in MW core to `.mw-parser-output a.external`
a while ago. In order to show the correct image, selector needs to be
amended.

Change-Id: I83d7b4c8be2eda1876959d000e0fb2d493e12cbc
This commit is contained in:
Volker E 2021-11-08 23:13:02 -08:00
parent 0a9598ec97
commit ff24bbe030
2 changed files with 14 additions and 10 deletions

View file

@ -40,15 +40,19 @@ a {
&:hover {
text-decoration: underline;
}
}
&.external {
// background-image is specified by ResourceLoader.
// Force the image size to be 10px.
background-size: 10px;
background-repeat: no-repeat;
background-position: center right;
padding-right: 13px;
}
// External links
// Use of `a` element selector due to its widespread usage and for limiting generic class scope.
// `a.external` is for footer's “Creative Commons” license link only.
a.external,
.mw-parser-output a.external {
// background-image is specified by ResourceLoader via skin.json.
background-position: center right;
background-repeat: no-repeat;
// Force the image size to be 10px.
background-size: 10px;
padding-right: 13px;
}
// Generic class name needed

View file

@ -290,9 +290,9 @@
}
},
"images": {
"toast.mw-notification-type-error,.mw-notification.mw-notification-type-error":
"toast.mw-notification-type-error, .mw-notification.mw-notification-type-error":
"resources/skins.minerva.content.styles.images/error.svg",
"a.external": {
"a.external, .mw-parser-output a.external": {
"file": {
"ltr": "resources/skins.minerva.content.styles.images/link-external-ltr.svg",
"rtl": "resources/skins.minerva.content.styles.images/link-external-rtl.svg"