resources/src/mediawiki.widgets/mw.widgets.ExpiryInputWidget.less

   1 @import 'mediawiki.skin.variables.less';
   2
   3 @wm-expirywidget-text-width: 43.3em;
   4
   5 .mw-widget-ExpiryWidget.mw-widget-ExpiryWidget-hasDatePicker {
   6         .oo-ui-buttonSelectWidget {
   7                 display: inline-block;
   8                 vertical-align: top;
   9         }
  10
  11         .oo-ui-textInputWidget.mw-widget-ExpiryWidget-relative {
  12                 display: inline-block;
  13                 max-width: @wm-expirywidget-text-width;
  14         }
  15
  16         .mw-widget-selectWithInputWidget {
  17                 display: inline;
  18         }
  19
  20         .mw-widget-selectWithInputWidget.mw-widget-ExpiryWidget-relative .oo-ui-dropdownInputWidget {
  21                 display: inline-block;
  22         }
  23
  24         .mw-widget-selectWithInputWidget.mw-widget-ExpiryWidget-relative .oo-ui-textInputWidget {
  25                 display: inline-block;
  26                 max-width: 22.8em;
  27         }
  28
  29         .mw-widgets-datetime-dateTimeInputWidget {
  30                 margin-top: 0;
  31                 margin-bottom: 0;
  32                 max-width: @wm-expirywidget-text-width;
  33
  34                 .mw-widgets-datetime-dateTimeInputWidget-handle {
  35                         max-height: 2.286em;
  36                 }
  37         }
  38
  39         @media ( max-width: @max-width-breakpoint-desktop ) {
  40                 .mw-widget-selectWithInputWidget {
  41                         display: block;
  42                 }
  43
  44                 .mw-widget-selectWithInputWidget.mw-widget-ExpiryWidget-relative .oo-ui-dropdownInputWidget,
  45                 .mw-widget-selectWithInputWidget.mw-widget-ExpiryWidget-relative .oo-ui-textInputWidget,
  46                 .mw-widgets-datetime-dateTimeInputWidget {
  47                         display: block;
  48                         max-width: 50em;
  49                         margin-top: 0.5em;
  50                 }
  51         }
  52 }