From 8965f05264b5b26cf8165e9db011528c15373d8e Mon Sep 17 00:00:00 2001 From: Derk-Jan Hartman Date: Mon, 6 Jun 2016 22:23:53 +0200 Subject: [PATCH] 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 --- resources/src/mediawiki.ui/components/inputs.less | 3 +++ 1 file changed, 3 insertions(+) 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 -- 2.20.1