From: Roan Kattouw <roan.kattouw@gmail.com>
Date: Thu, 29 May 2014 01:32:10 +0000 (-0700)
Subject: Add border and background styling to the Parsoid styles for images
X-Git-Tag: 1.31.0-rc.0~15545^2
X-Git-Url: http://git.cyclocoop.org//%22javascript:ModifierStyle%28%27%22.%24id.%22%27%29/%22?a=commitdiff_plain;h=e82629895b38dbc21bdd5fa21679eb3a8714809a;p=lhc%2Fweb%2Fwiklou.git

Add border and background styling to the Parsoid styles for images

Without these, framed images aren't actually framed in the Parsoid HTML.

Change-Id: Ie19f1c9b4652562aef1a92de8c52c484c4407c95
---

diff --git a/resources/src/mediawiki.skinning/content.parsoid.less b/resources/src/mediawiki.skinning/content.parsoid.less
index 7bfb642337..081524a44b 100644
--- a/resources/src/mediawiki.skinning/content.parsoid.less
+++ b/resources/src/mediawiki.skinning/content.parsoid.less
@@ -38,7 +38,6 @@ figure[typeof*='mw:Image'] {
 		float: right;
 	}
 
-	/* @noflip */
 	&.mw-halign-left {
 		/* @noflip */
 		margin: .5em 1.4em 1.3em 0;
@@ -68,9 +67,17 @@ figure[typeof*='mw:Image'] {
 	}
 }
 
-figure[typeof~='mw:Image/Thumb'], figure[typeof~='mw:Image/Frame'] {
+figure[typeof~='mw:Image/Thumb'],
+figure[typeof~='mw:Image/Frame'] {
 	display: table;
 	overflow: hidden;
 	text-align: center;
 	padding: 3px;
+	border: 1px solid #ccc;
+	background-color: #f9f9f9;
 }
+
+figure[typeof~='mw:Image/Thumb'] img,
+.mw-image-border img {
+	border: 1px solid #cccccc;
+}
\ No newline at end of file