From: Derk-Jan Hartman <hartman.wiki@gmail.com>
Date: Mon, 6 Jun 2016 20:23:53 +0000 (+0200)
Subject: MediaWiki UI: Set `max-width` on `.mw-ui-input-inline` elements
X-Git-Tag: 1.31.0-rc.0~6655^2
X-Git-Url: https://git.cyclocoop.org/%7B%24www_url%7Dadmin/compta/exercices/journal.php?a=commitdiff_plain;h=8965f05264b5b26cf8165e9db011528c15373d8e;p=lhc%2Fweb%2Fwiklou.git

MediaWiki UI: Set `max-width` on `.mw-ui-input-inline` elements

Make sure that MediaWiki UI `.mw-ui-input-inline` elements are not
overflowing `width` of parent element. Useful for
input textfields on narrow screens.

Bug: T137108
Change-Id: I69f50ea5d57bd24ff6999b50297a276ca4f99ec2
---

diff --git a/resources/src/mediawiki.ui/components/inputs.less b/resources/src/mediawiki.ui/components/inputs.less
index 579bd5f9f0..f8d283a24e 100644
--- a/resources/src/mediawiki.ui/components/inputs.less
+++ b/resources/src/mediawiki.ui/components/inputs.less
@@ -108,6 +108,9 @@ input[type="number"],
 .mw-ui-input-inline {
 	display: inline-block;
 	width: auto;
+	// Make sure we limit `width` to parent element because
+	// in case of text `input` fields, `width: auto;` equals `size` attribute.
+	max-width: 100%;
 }
 
 // mw-ui-input-large