From: Fomafix <fomafix@googlemail.com>
Date: Tue, 12 Feb 2019 01:22:47 +0000 (+0100)
Subject: jquery.makeCollapsible.styles: Avoid FOUC for collapse button
X-Git-Tag: 1.34.0-rc.0~2819^2
X-Git-Url: http://git.cyclocoop.org/%24image?a=commitdiff_plain;h=4c9822afff8a6dbecf721ec5b810016db8dd8769;p=lhc%2Fweb%2Fwiklou.git

jquery.makeCollapsible.styles: Avoid FOUC for collapse button

The expand button on a <div> element has already a pseudo-class with the
expand text as content. For the collapse button this pseudo-class is
missing.

This change adds the missing pseudo-class for the collapse button to
prevent a missing button while loading.

The missing collapse button while loading is visible on
Special:RecentChanges. The expand button is always there.

Change-Id: I7fa80238d54ac43a96bf1d70bd42a0cccf90a73a
---

diff --git a/resources/src/jquery/jquery.makeCollapsible.styles.less b/resources/src/jquery/jquery.makeCollapsible.styles.less
index 1ab91a93bd..ec96cb6fcc 100644
--- a/resources/src/jquery/jquery.makeCollapsible.styles.less
+++ b/resources/src/jquery/jquery.makeCollapsible.styles.less
@@ -47,7 +47,8 @@
 	ul.mw-collapsible:not( @{exclude} ):before,
 	// Where the tbody or thead is the first child of the collapsible table
 	table.mw-collapsible:not( @{exclude} ) :first-child tr:first-child th:last-child:before,
-	table.mw-collapsible:not( @{exclude} ) > caption:first-child:after {
+	table.mw-collapsible:not( @{exclude} ) > caption:first-child:after,
+	div.mw-collapsible:not( @{exclude} ):before {
 		content: '[@{msg-collapsible-collapse}]';
 	}