From: Amir E. Aharoni <amir.aharoni@mail.huji.ac.il>
Date: Sun, 1 Apr 2012 18:05:38 +0000 (+0300)
Subject: Fixing alignment of thumbcaption for mixed RTL/LTR environment.
X-Git-Tag: 1.31.0-rc.0~24071^2
X-Git-Url: http://git.cyclocoop.org/data/Fool?a=commitdiff_plain;h=11282b60834a016e841e3c0379314940186c4f12;p=lhc%2Fweb%2Fwiklou.git

Fixing alignment of thumbcaption for mixed RTL/LTR environment.

When an LTR wiki is used with RTL interface and vice versa, the image
thumb caption is aligned according to the interface language. It should
rather be aligned according to the content language. I explicitly set
the alignment of the caption text and the magnifying image according
to mw-content-ltr/rtl classes.

Change-Id: Ib2455a84a918631b2016f4d23c01b92b5ca8b7e8
---

diff --git a/skins/common/commonContent.css b/skins/common/commonContent.css
index 6179918732..0fe8489e6e 100644
--- a/skins/common/commonContent.css
+++ b/skins/common/commonContent.css
@@ -86,13 +86,11 @@ html .thumbimage {
 }
 html .thumbcaption {
 	border: none;
-	text-align: left;
 	line-height: 1.4em;
 	padding: 3px !important;
 	font-size: 94%;
 }
 div.magnify {
-	float: right;
 	border: none !important;
 	background: none !important;
 }
diff --git a/skins/common/shared.css b/skins/common/shared.css
index 3172779ef8..1aaf2ba676 100644
--- a/skins/common/shared.css
+++ b/skins/common/shared.css
@@ -262,12 +262,22 @@ input#wpSummary {
 /**
  * Image captions
  */
-.thumbcaption {
+/* @noflip */
+.mw-content-ltr .thumbcaption {
 	text-align: left;
 }
-.magnify {
+/* @noflip */
+.mw-content-rtl .thumbcaption {
+	text-align: right;
+}
+/* @noflip */
+.mw-content-ltr .magnify {
 	float: right;
 }
+/* @noflip */
+.mw-content-rtl .magnify {
+	float: left;
+}
 
 /**
  * Categories