From 11282b60834a016e841e3c0379314940186c4f12 Mon Sep 17 00:00:00 2001 From: "Amir E. Aharoni" Date: Sun, 1 Apr 2012 21:05:38 +0300 Subject: [PATCH] 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 --- skins/common/commonContent.css | 2 -- skins/common/shared.css | 14 ++++++++++++-- 2 files changed, 12 insertions(+), 4 deletions(-) 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 -- 2.20.1