Bug: T208271
Change-Id: If3f9c417cd2fad98165b8a2eaef9a05673ce5b4d
+// TODO: Redefined here to avoid importing variables.less;
+@width-breakpoint-desktop: 1000px;
+
@wm-expirywidget-text-width: 43.3em;
.mw-widget-ExpiryWidget.mw-widget-ExpiryWidget-hasDatePicker {
.oo-ui-buttonSelectWidget {
@wm-expirywidget-text-width: 43.3em;
.mw-widget-ExpiryWidget.mw-widget-ExpiryWidget-hasDatePicker {
.oo-ui-buttonSelectWidget {
+ display: inline-block;
+ vertical-align: top;
}
.oo-ui-textInputWidget.mw-widget-ExpiryWidget-relative {
}
.oo-ui-textInputWidget.mw-widget-ExpiryWidget-relative {
max-width: @wm-expirywidget-text-width;
}
max-width: @wm-expirywidget-text-width;
}
+ .mw-widget-selectWithInputWidget {
+ display: inline;
+ }
+
+ .mw-widget-selectWithInputWidget.mw-widget-ExpiryWidget-relative .oo-ui-dropdownInputWidget {
+ display: inline-block;
+ }
+
.mw-widget-selectWithInputWidget.mw-widget-ExpiryWidget-relative .oo-ui-textInputWidget {
.mw-widget-selectWithInputWidget.mw-widget-ExpiryWidget-relative .oo-ui-textInputWidget {
+
+ @media ( max-width: ( @width-breakpoint-desktop - 1px ) ) {
+ .mw-widget-selectWithInputWidget {
+ display: block;
+ }
+
+ .mw-widget-selectWithInputWidget.mw-widget-ExpiryWidget-relative .oo-ui-dropdownInputWidget,
+ .mw-widget-selectWithInputWidget.mw-widget-ExpiryWidget-relative .oo-ui-textInputWidget,
+ .mw-widgets-datetime-dateTimeInputWidget {
+ display: block;
+ max-width: 50em;
+ margin-top: 0.5em;
+ }
+ }