From: Roan Kattouw <roan.kattouw@gmail.com>
Date: Tue, 21 Aug 2018 00:02:25 +0000 (-0700)
Subject: Fix FOUC for floated collapsible elements outside the content area
X-Git-Tag: 1.34.0-rc.0~4361^2
X-Git-Url: http://git.cyclocoop.org/%7B%24admin_url%7Dcompta/comptes/%27.%24imageUrl.%27?a=commitdiff_plain;h=5957f580f80a1d485585155ef7980b01e82a6d93;p=lhc%2Fweb%2Fwiklou.git

Fix FOUC for floated collapsible elements outside the content area

There was CSS setting the correct float value, but it only worked on
elements inside the content area because it used .mw-content-ltr and
-rtl. Add another rule to catch things outside the content area (which
should float based on the UI language).

Bug: T198774
Change-Id: I29b71a2e52139e540d719b61964084170d36bc5e
---

diff --git a/resources/src/jquery/jquery.makeCollapsible.styles.less b/resources/src/jquery/jquery.makeCollapsible.styles.less
index 2281136e09..ea5b6dd093 100644
--- a/resources/src/jquery/jquery.makeCollapsible.styles.less
+++ b/resources/src/jquery/jquery.makeCollapsible.styles.less
@@ -85,7 +85,15 @@
 	}
 }
 
-/* Align the toggle based on the direction of the content language */
+/* Collapsible elements in the UI (outside of the content area) are not in either .mw-content-ltr or
+ * .mw-content-rtl. Align them based on the user language. */
+.mw-collapsible:not( @{exclude} ) th:before,
+.mw-collapsible:not( @{exclude} ):before,
+.mw-collapsible-toggle {
+	float: right;
+}
+
+/* For collapsible elements in the content area, override the alginment based on the content language.  */
 /* @noflip */
 .mw-content-ltr,
 .mw-content-rtl .mw-content-ltr {