From: Subramanya Sastry <ssastry@wikimedia.org>
Date: Sat, 25 Mar 2017 02:54:07 +0000 (-0500)
Subject: Tweak CSS for Parsoid <figure>s
X-Git-Tag: 1.31.0-rc.0~3700
X-Git-Url: http://git.cyclocoop.org/fichier?a=commitdiff_plain;h=551e98f6fa8be974b84c018da9769f99e814c4a8;p=lhc%2Fweb%2Fwiklou.git

Tweak CSS for Parsoid <figure>s

* These tweaks give us zero pixel diffs for images (when the
  magnify icon is hidden) outside galleries.

Change-Id: Icd5a280a13162401f0bced93a91f9dfa45a3a481
---

diff --git a/resources/src/mediawiki.skinning/content.parsoid.less b/resources/src/mediawiki.skinning/content.parsoid.less
index 4ac86c92b6..ec5b429533 100644
--- a/resources/src/mediawiki.skinning/content.parsoid.less
+++ b/resources/src/mediawiki.skinning/content.parsoid.less
@@ -88,18 +88,18 @@ figure[typeof*='mw:Image'] {
 		display: table-caption;
 		caption-side: bottom;
 		/* In mw-core the font-size is duplicated, 94% in thumbiner
-		 * and again 94% in thumbcaption. 88% for font size of the
+		 * and again 94% in thumbcaption. 88.4% for font size of the
 		 * caption results in the same behavior. */
 		font-size: 88.4%;
 		line-height: 1.4em;
 		text-align: left;
 
-		border: 1px solid #ccc;
+		border: 1px solid #c8ccd1;
 		border-top: 0;
 
 		/* taken from .thumbcaption, plus .thumbinner */
 		padding: 0 6px 6px 6px;
-		background-color: #f9f9f9;
+		background-color: #f8f9fa;
 
 		table {
 			/* reset caption side for tables inside figcaptions */
@@ -113,10 +113,10 @@ figure[typeof~='mw:Image/Frame'] {
 	display: table;
 	overflow: auto;
 	text-align: center;
-	border: 1px solid #ccc;
+	border: 1px solid #c8ccd1;
 	border-bottom: 0; // No border to caption
 	border-collapse: collapse;
-	background-color: #f9f9f9;
+	background-color: #f8f9fa;
 	// Default to right alignment. This is needed since Parsoid only specifies the
 	// alignment class when the alignment is explicitly set.
 	margin: 0.5em 0 1.3em 1.4em;
@@ -127,7 +127,7 @@ figure[typeof~='mw:Image/Frame'] {
 figure[typeof~='mw:Image/Thumb'] > *:first-child > img,
 figure[typeof~='mw:Image/Frame'] > *:first-child > img,
 .mw-image-border > *:first-child > img {
-	border: 1px solid #ccc;
+	border: 1px solid #c8ccd1;
 	margin: 3px;
 	background: #fff;
 }