Avoid flash of content when hiding editHelp and the pipe separator

Bug: T120408
Change-Id: I651ea3d2b891ce347a51be9b3bc3e34351bc53dc

WikiEditor.hooks.php

@@ -183,6 +183,8 @@ class WikiEditorHooks {
 			return true;
 		}
 
+		$outputPage->addModuleStyles( 'ext.wikiEditor.styles' );
+
 		// Add modules for enabled features
 		foreach ( self::$features as $name => $feature ) {
 			if ( !self::isEnabled( $name ) ) {

extension.json

@@ -329,12 +329,15 @@
 		"ext.wikiEditor": {
 			"group": "ext.wikiEditor",
 			"scripts": "ext.wikiEditor.js",
-			"styles": "ext.wikiEditor.less",
 			"dependencies": [
 				"jquery.wikiEditor",
 				"mediawiki.user"
 			]
 		},
+		"ext.wikiEditor.styles": {
+			"group": "ext.wikiEditor",
+			"styles": "ext.wikiEditor.less"
+		},
 		"ext.wikiEditor.dialogs": {
 			"group": "ext.wikiEditor",
 			"scripts": "ext.wikiEditor.dialogs.js",

modules/ext.wikiEditor.less

@@ -3,7 +3,7 @@
  */
 
 /* Hide vanilla MediaWiki's "Editing help" link, as we provide it in the toolbar */
-.editButtons {
+.client-js .editButtons {
 	.editHelp,
 	.mw-editButtons-pipe-separator {
 		display: none;