From: Chad Horohoe <chadh@wikimedia.org>
Date: Thu, 7 Nov 2013 23:19:36 +0000 (-0800)
Subject: Give the search page a little UI love
X-Git-Tag: 1.31.0-rc.0~18213^2
X-Git-Url: http://git.cyclocoop.org/%22%20.%20generer_url_ecrire%28%22calendrier%22%2C%22type=semaine%22%29%20.%20%22?a=commitdiff_plain;h=3d7023e7ed72ebf7bf194294cf4bf0af879c0388;p=lhc%2Fweb%2Fwiklou.git

Give the search page a little UI love

Uses mediawiki.ui to make the input field more legible and modern,
as well as giving the search button a lovely shade of blue.

Screenshot: https://www.mediawiki.org/wiki/File:Search-UI-minor-tweak.png
Change-Id: I7fdd9970ed5807df94c04bec1681f33523cad173
---

diff --git a/includes/specials/SpecialSearch.php b/includes/specials/SpecialSearch.php
index 8c8de8e7dd..dd326569ec 100644
--- a/includes/specials/SpecialSearch.php
+++ b/includes/specials/SpecialSearch.php
@@ -88,7 +88,9 @@ class SpecialSearch extends SpecialPage {
 		$this->outputHeader();
 		$out = $this->getOutput();
 		$out->allowClickjacking();
-		$out->addModuleStyles( 'mediawiki.special' );
+		$out->addModuleStyles( array(
+			'mediawiki.special', 'mediawiki.special.search', 'mediawiki.ui'
+		) );
 
 		// Strip underscores from title parameter; most of the time we'll want
 		// text form here. But don't strip underscores from actual text params!
@@ -1093,10 +1095,14 @@ class SpecialSearch extends SpecialPage {
 		$out .= Html::input( 'search', $term, 'search', array(
 			'id' => $this->profile === 'advanced' ? 'powerSearchText' : 'searchText',
 			'size' => '50',
-			'autofocus'
+			'autofocus',
+			'class' => 'mw-ui-input',
 		) ) . "\n";
 		$out .= Html::hidden( 'fulltext', 'Search' ) . "\n";
-		$out .= Xml::submitButton( $this->msg( 'searchbutton' )->text() ) . "\n";
+		$out .= Xml::submitButton(
+			$this->msg( 'searchbutton' )->text(),
+			array( 'class' => array( 'mw-ui-button', 'mw-ui-primary' ) )
+		) . "\n";
 		return $out . $this->didYouMeanHtml;
 	}
 
diff --git a/resources/mediawiki.special/mediawiki.special.search.css b/resources/mediawiki.special/mediawiki.special.search.css
index 914e47e341..7e6e8e6af0 100644
--- a/resources/mediawiki.special/mediawiki.special.search.css
+++ b/resources/mediawiki.special/mediawiki.special.search.css
@@ -12,3 +12,9 @@
 .searchresult {
 	display: inline !ie;
 }
+
+/** Add some extra padding keep browser's "clear field"
+ UI from rubbing up against the side of the field */
+input[type="search"] {
+	padding-right: 0.5em;
+}