From 30939317e7c20ad6636fab571e9d7a9df4789723 Mon Sep 17 00:00:00 2001
From: umherirrender <umherirrender_de.wp@web.de>
Date: Wed, 27 Apr 2016 21:48:08 +0200
Subject: [PATCH] Style warnings from live preview on Special:Upload

The live preview about warnings on Special:Upload does not style
warnings added to the form. Added styles to the container to style the
warnings.
Also reuse the style to give the warning box on the non-js from the same
style. The visual effect here is an expand box to the full width.

Change-Id: I36e0bf0332eac476002569f46ab116f271f3c468
---
 includes/specials/SpecialUpload.php                    |  5 ++++-
 resources/Resources.php                                |  1 +
 .../src/mediawiki.special/mediawiki.special.upload.css | 10 ++++++++++
 .../src/mediawiki.special/mediawiki.special.upload.js  |  7 +++++--
 4 files changed, 20 insertions(+), 3 deletions(-)
 create mode 100644 resources/src/mediawiki.special/mediawiki.special.upload.css

diff --git a/includes/specials/SpecialUpload.php b/includes/specials/SpecialUpload.php
index 75308aa14d..09111f6fae 100644
--- a/includes/specials/SpecialUpload.php
+++ b/includes/specials/SpecialUpload.php
@@ -367,8 +367,11 @@ class SpecialUpload extends SpecialPage {
 
 		$sessionKey = $this->mUpload->stashSession();
 
+		// Add styles for the warning, reused from the live preview
+		$this->getOutput()->addModuleStyles( 'mediawiki.special.upload' );
+
 		$warningHtml = '<h2>' . $this->msg( 'uploadwarning' )->escaped() . "</h2>\n"
-			. '<div class="warningbox"><ul>';
+			. '<div class="mw-destfile-warning"><ul>';
 		foreach ( $warnings as $warning => $args ) {
 			if ( $warning == 'badfilename' ) {
 				$this->mDesiredDestName = Title::makeTitle( NS_FILE, $args )->getText();
diff --git a/resources/Resources.php b/resources/Resources.php
index cb7adbe4d9..be13559399 100644
--- a/resources/Resources.php
+++ b/resources/Resources.php
@@ -1869,6 +1869,7 @@ return [
 			'thumbnail.html' => 'resources/src/mediawiki.special/templates/thumbnail.html',
 		],
 		'scripts' => 'resources/src/mediawiki.special/mediawiki.special.upload.js',
+		'styles' => 'resources/src/mediawiki.special/mediawiki.special.upload.css',
 		'messages' => [
 			'widthheight',
 			'size-bytes',
diff --git a/resources/src/mediawiki.special/mediawiki.special.upload.css b/resources/src/mediawiki.special/mediawiki.special.upload.css
new file mode 100644
index 0000000000..b916248e0c
--- /dev/null
+++ b/resources/src/mediawiki.special/mediawiki.special.upload.css
@@ -0,0 +1,10 @@
+/*!
+ * Styling for Special:Upload
+ */
+.mw-destfile-warning {
+	border: 1px solid #fde29b;
+	padding: .5em 1em;
+	margin-bottom: 1em;
+	color: #705000;
+	background-color: #fdf1d1;
+}
diff --git a/resources/src/mediawiki.special/mediawiki.special.upload.js b/resources/src/mediawiki.special/mediawiki.special.upload.js
index 98364032a3..dd483675f1 100644
--- a/resources/src/mediawiki.special/mediawiki.special.upload.js
+++ b/resources/src/mediawiki.special/mediawiki.special.upload.js
@@ -92,16 +92,19 @@
 		},
 
 		setWarning: function ( warning ) {
-			var $warning = $( $.parseHTML( warning ) );
+			var $warningBox = $( '#wpDestFile-warning' ),
+				$warning = $( $.parseHTML( warning ) );
 			mw.hook( 'wikipage.content' ).fire( $warning );
-			$( '#wpDestFile-warning' ).empty().append( $warning );
+			$warningBox.empty().append( $warning );
 
 			// Set a value in the form indicating that the warning is acknowledged and
 			// doesn't need to be redisplayed post-upload
 			if ( !warning ) {
 				$( '#wpDestFileWarningAck' ).val( '' );
+				$warningBox.removeAttr( 'class' );
 			} else {
 				$( '#wpDestFileWarningAck' ).val( '1' );
+				$warningBox.attr( 'class', 'mw-destfile-warning' );
 			}
 
 		}
-- 
2.20.1