Merge "Fix external icon specificity"

This commit is contained in:
jenkins-bot 2021-11-12 23:05:08 +00:00 committed by Gerrit Code Review
commit 99e72700d2
2 changed files with 14 additions and 10 deletions

View file

@ -40,16 +40,20 @@ a {
&:hover {
text-decoration: underline;
}
}
&.external {
// background-image is specified by ResourceLoader.
// 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;
background-repeat: no-repeat;
background-position: center right;
padding-right: 13px;
}
}
// Generic class name needed
.return-link {

View file

@ -288,7 +288,7 @@
"images": {
"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"