From 5957f580f80a1d485585155ef7980b01e82a6d93 Mon Sep 17 00:00:00 2001 From: Roan Kattouw Date: Mon, 20 Aug 2018 17:02:25 -0700 Subject: [PATCH] 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 --- .../src/jquery/jquery.makeCollapsible.styles.less | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) 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 { -- 2.20.1