From 337e0aef8c4371780c258cc9748c2e7c18fee96f Mon Sep 17 00:00:00 2001
From: Fomafix <fomafix@googlemail.com>
Date: Thu, 15 Sep 2016 18:15:18 +0200
Subject: [PATCH] Move interface styles to ext.uls.interface.css

This change avoids loading of not needed styles for non-JavaScript client.

Change-Id: Ieaca5098181d1e922b940ed339fcee7bad8741b4
---
 extension.json                      |  1 +
 resources/css/ext.uls.interface.css | 26 ++++++++++++++++++++++++++
 resources/css/ext.uls.pt.less       | 25 -------------------------
 3 files changed, 27 insertions(+), 25 deletions(-)
 create mode 100644 resources/css/ext.uls.interface.css

diff --git a/extension.json b/extension.json
index b5f0cd2c..b262368f 100644
--- a/extension.json
+++ b/extension.json
@@ -198,6 +198,7 @@
 		},
 		"ext.uls.interface": {
 			"scripts": "js/ext.uls.interface.js",
+			"styles": "css/ext.uls.interface.css",
 			"dependencies": [
 				"ext.uls.common",
 				"mediawiki.jqueryMsg",
diff --git a/resources/css/ext.uls.interface.css b/resources/css/ext.uls.interface.css
new file mode 100644
index 00000000..fc1f999e
--- /dev/null
+++ b/resources/css/ext.uls.interface.css
@@ -0,0 +1,26 @@
+/* stylelint-disable selector-no-id */
+
+#uls-settings-block {
+	border-top: 1px solid #c9c9c9;
+	background: #f8f8f8;
+	background: -webkit-gradient( linear, left top, left bottom, from( #fbfbfb ), to( #f0f0f0 ) );
+	background: -webkit-linear-gradient( top, #fbfbfb, #f0f0f0 );
+	background: -moz-linear-gradient( top, #fbfbfb, #f0f0f0 );
+	background: -o-linear-gradient( top, #fbfbfb, #f0f0f0 );
+	background: linear-gradient( #fbfbfb, #f0f0f0 );
+	padding-left: 10px;
+	line-height: 1.2em;
+	border-radius: 0 0 5px 5px;
+}
+
+#uls-settings-block div.display-settings-block,
+#uls-settings-block div.input-settings-block {
+	display: inline-block;
+	margin: 8px 15px;
+	color: #565656;
+}
+
+#uls-settings-block div.display-settings-block:hover,
+#uls-settings-block div.input-settings-block:hover {
+	color: #252525;
+}
diff --git a/resources/css/ext.uls.pt.less b/resources/css/ext.uls.pt.less
index 788266a9..05982b19 100644
--- a/resources/css/ext.uls.pt.less
+++ b/resources/css/ext.uls.pt.less
@@ -32,31 +32,6 @@ body.rtl li#pt-uls {
 	direction: ltr;
 }
 
-#uls-settings-block {
-	border-top: 1px solid #c9c9c9;
-	background: #f8f8f8;
-	background: -webkit-gradient( linear, left top, left bottom, from( #fbfbfb ), to( #f0f0f0 ) );
-	background: -webkit-linear-gradient( top, #fbfbfb, #f0f0f0 );
-	background: -moz-linear-gradient( top, #fbfbfb, #f0f0f0 );
-	background: -o-linear-gradient( top, #fbfbfb, #f0f0f0 );
-	background: linear-gradient( #fbfbfb, #f0f0f0 );
-	padding-left: 10px;
-	line-height: 1.2em;
-	border-radius: 0 0 5px 5px;
-}
-
-#uls-settings-block div.display-settings-block,
-#uls-settings-block div.input-settings-block {
-	display: inline-block;
-	margin: 8px 15px;
-	color: #565656;
-}
-
-#uls-settings-block div.display-settings-block:hover,
-#uls-settings-block div.input-settings-block:hover {
-	color: #252525;
-}
-
 /* Don't show it to users who disabled JS */
 .client-nojs #pt-uls {
 	display: none;