From: Arlo Breault <abreault@wikimedia.org>
Date: Fri, 21 Jul 2017 19:38:12 +0000 (-0400)
Subject: mediawiki.skinning: Add magnify links to Parsoid output
X-Git-Tag: 1.31.0-rc.0~2439^2
X-Git-Url: http://git.cyclocoop.org/%7B%24www_url%7Dadmin/password.php?a=commitdiff_plain;h=a0921e6ca114a044eec46cac5c9211a1e2e7258f;p=lhc%2Fweb%2Fwiklou.git

mediawiki.skinning: Add magnify links to Parsoid output

Bug: T160960
Change-Id: Id66f09c54103854ccbaa54a03e7c62890b67cba9
---

diff --git a/resources/src/mediawiki.skinning/content.parsoid.less b/resources/src/mediawiki.skinning/content.parsoid.less
index 45188dcd58..20668ebefb 100644
--- a/resources/src/mediawiki.skinning/content.parsoid.less
+++ b/resources/src/mediawiki.skinning/content.parsoid.less
@@ -139,6 +139,36 @@ figure[typeof~='mw:Audio/Frame'] {
 	}
 }
 
+figure[typeof*='mw:Image/Thumb'],
+figure[typeof*='mw:Video/Thumb'],
+figure[typeof*='mw:Audio/Thumb'] {
+	> a:after {
+		content: '';
+		width: 15px;
+		height: 11px;
+		margin: 3px;
+		margin-bottom: 0;
+
+		.mw-content-ltr & {
+			/* @noflip */
+			float: right;
+			/* @noflip */
+			background-image: url( images/magnify-clip-ltr.png );
+			/* @noflip */
+			background-image: linear-gradient( transparent, transparent ), url( images/magnify-clip-ltr.svg );
+		}
+
+		.mw-content-rtl & {
+			/* @noflip */
+			float: left;
+			/* @noflip */
+			background-image: url( images/magnify-clip-rtl.png );
+			/* @noflip */
+			background-image: linear-gradient( transparent, transparent ), url( images/magnify-clip-rtl.svg );
+		}
+	}
+}
+
 /* Same as img.thumbborder in content.css */
 .mw-image-border > *:first-child {
 	> img,