From: kaldari <rkaldari@wikimedia.org>
Date: Wed, 30 Apr 2014 18:06:58 +0000 (-0700)
Subject: mediawiki.ui: Suppress default webkit-appearance of buttons from iOS
X-Git-Tag: 1.31.0-rc.0~15941^2
X-Git-Url: http://git.cyclocoop.org/%22%20.%20generer_url_ecrire%28%22auteur_infos%22%2C%20%22id_auteur=%24id%22%29%20.%20%22?a=commitdiff_plain;h=705fe27c3efc3991149e60a1f2201054ab361a0d;p=lhc%2Fweb%2Fwiklou.git

mediawiki.ui: Suppress default webkit-appearance of buttons from iOS

On iOS, buttons made with <input type="submit"> (<button> is not affected)
have a native webkit-appearance that, unlike the desktop equivalent, is
not removed when properties like display, border and background are set.

It remains applied causing it to render awkwardly. Manually reset this
property to remove the default styling.

Bug: 64264
Change-Id: I65525e79503937fd42d4df01a1ce63936f4f92e4
---

diff --git a/resources/src/mediawiki.ui/components/default/buttons.less b/resources/src/mediawiki.ui/components/default/buttons.less
index f7a7eae522..78b0b33864 100644
--- a/resources/src/mediawiki.ui/components/default/buttons.less
+++ b/resources/src/mediawiki.ui/components/default/buttons.less
@@ -31,6 +31,9 @@
 	margin: 0;
 	.box-sizing(border-box);
 
+	// Disable weird iOS styling
+	-webkit-appearance: none;
+
 	// IE6/IE7 hack
 	// http://stackoverflow.com/a/5838575/365238
 	*display: inline;