From: Volker E <volker.e@wikimedia.org>
Date: Tue, 9 Apr 2019 21:55:02 +0000 (-0700)
Subject: DateInputWidget: Use `max-width` instead of `width`
X-Git-Tag: 1.34.0-rc.0~2076
X-Git-Url: http://git.cyclocoop.org/%28%28?a=commitdiff_plain;h=a9368b4cb9b279bc9df71c65bc9172d41b36a7be;p=lhc%2Fweb%2Fwiklou.git

DateInputWidget: Use `max-width` instead of `width`

Using `max-width` instead of `width` to address overflowing form
container on very small screens.

Change-Id: Ibe88fa68543343fc2a0fac3eb9843334c6e80433
---

diff --git a/resources/src/mediawiki.widgets/mw.widgets.DateInputWidget.styles.less b/resources/src/mediawiki.widgets/mw.widgets.DateInputWidget.styles.less
index 90bcc2ed7b..647c983e60 100644
--- a/resources/src/mediawiki.widgets/mw.widgets.DateInputWidget.styles.less
+++ b/resources/src/mediawiki.widgets/mw.widgets.DateInputWidget.styles.less
@@ -57,7 +57,7 @@
 .mw-widget-dateInputWidget {
 	&.oo-ui-textInputWidget {
 		display: inline-block;
-		width: 21em;
+		max-width: 21em;
 		// .oo-ui-inline-spacing( 0.5em ); already inherited from `.oo-ui-inputWidget`
 
 		.oo-ui-labelElement-label {