Move styles that only used in JavaScript to JavaScript module

Also rename the style module from 'ext.categoryTree.css' to
'ext.categoryTree.styles'.
Keep the previous module name 'ext.categoryTree.css' for compability to
cached versions.
Also move the files of the module 'ext.categoryTree' into a
subdirectory ext.categoryTree.

Change-Id: Ie5ea28acfb43e33a94ec5824baf4f26d63d8e9e6

extension.json

@@ -41,7 +41,8 @@
 	},
 	"ResourceModules": {
 		"ext.categoryTree": {
-			"scripts": "ext.categoryTree.js",
+			"scripts": "ext.categoryTree/ext.categoryTree.js",
+			"styles": "ext.categoryTree/ext.categoryTree.css",
 			"targets": [
 				"desktop",
 				"mobile"
@@ -64,12 +65,20 @@
 				"mediawiki.api"
 			]
 		},
-		"ext.categoryTree.css": {
+		"ext.categoryTree.styles": {
 			"targets": [
 				"desktop",
 				"mobile"
 			],
-			"styles": "ext.categoryTree.css"
+			"styles": "ext.categoryTree.styles.css"
+		},
+		"ext.categoryTree.css": {
+			"deprecated": "Use \"ext.categoryTree.styles\" instead.",
+			"targets": [
+				"desktop",
+				"mobile"
+			],
+			"styles": "ext.categoryTree.styles.css"
 		}
 	},
 	"ResourceFileModulePaths": {

includes/CategoryTree.php

@@ -251,7 +251,7 @@ class CategoryTree {
 	 */
 	public static function setHeaders( $outputPage ) {
 		# Add the modules
-		$outputPage->addModuleStyles( 'ext.categoryTree.css' );
+		$outputPage->addModuleStyles( 'ext.categoryTree.styles' );
 		$outputPage->addModules( 'ext.categoryTree' );
 	}
 

modules/ext.categoryTree.styles.css

@@ -51,10 +51,6 @@
 	user-select: none;
 }
 
-.CategoryTreeToggleHandlerAttached {
-	cursor: pointer;
-}
-
 .CategoryTreeEmptyBullet {
 	color: #c0c0c0;
 }

modules/ext.categoryTree/ext.categoryTree.css

@@ -0,0 +1,3 @@
+.CategoryTreeToggleHandlerAttached {
+	cursor: pointer;
+}