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 579bd5f..f8d283a 100644 (file)
--- 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