From 8605fa8bf3852816014c6412b92e3148add14048 Mon Sep 17 00:00:00 2001
From: Volker E <volker.e@wikimedia.org>
Date: Wed, 1 Nov 2017 18:19:25 -0700
Subject: [PATCH] Introduce CSS class to enable lower specificity style
 overrides

Making `#language-settings-dialog` carry the same CSS class
`.language-settings-dialog` to be able to override it in theme styles
more sanely. Follow-up to Id9c8652820641d6.

Bug: T175295
Change-Id: I1aa69f8701ed6d6cb2ed59cabf11332f2a10d21f
---
 resources/css/ext.uls.languagesettings.less | 2 +-
 resources/js/ext.uls.languagesettings.js    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/resources/css/ext.uls.languagesettings.less b/resources/css/ext.uls.languagesettings.less
index 7a467211..ce326c3a 100644
--- a/resources/css/ext.uls.languagesettings.less
+++ b/resources/css/ext.uls.languagesettings.less
@@ -74,7 +74,7 @@
 	font-size: 12pt;
 }
 
-#language-settings-dialog {
+.language-settings-dialog {
 	background: #f8f9fa;
 	/* Ensure base font size is same in different skins */
 	font-size: medium;
diff --git a/resources/js/ext.uls.languagesettings.js b/resources/js/ext.uls.languagesettings.js
index 65bbe725..ac4dd77b 100644
--- a/resources/js/ext.uls.languagesettings.js
+++ b/resources/js/ext.uls.languagesettings.js
@@ -44,7 +44,7 @@
 		settingsMenu +
 		settingsPanel +
 		'</div>';
-	windowTemplate = '<div style="display: block;" id="language-settings-dialog" class="grid uls-menu uls-wide">' +
+	windowTemplate = '<div style="display: block;" id="language-settings-dialog" class="language-settings-dialog grid uls-menu uls-wide">' +
 		closeRow +
 		panelsRow +
 		buttonsRow +