resources/src/mediawiki/htmlform/ooui.styles.less

   1 /* OOUIHTMLForm styles */
   2 .mw-htmlform-ooui-wrapper.oo-ui-panelLayout-padded {
   3         padding: 1em 1.25em 1.25em;
   4 }
   5
   6 .mw-htmlform-ooui {
   7         line-height: 1.4; // Override MediaWiki's default of `1.6`
   8
   9         .oo-ui-fieldLayout.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header {
  10                 line-height: 1.143; // equals `16px`
  11         }
  12
  13         .mw-htmlform-field-HTMLCheckMatrix {
  14                 width: 100%;
  15         }
  16
  17         .mw-htmlform-matrix {
  18                 border-spacing: 0;
  19
  20                 td {
  21                         padding: 0.35em 0.7em;
  22                         -webkit-transition: background-color 250ms;
  23                         -moz-transition: background-color 250ms;
  24                         transition: background-color 250ms;
  25                 }
  26
  27                 tbody tr:nth-child( even ) td {
  28                         background-color: #f8f9fa;
  29                 }
  30
  31                 tbody tr:not( :first-child ):hover td {
  32                         background-color: #eaecf0;
  33                 }
  34
  35                 tbody tr:first-child td {
  36                         background-color: #fff;
  37                 }
  38
  39                 td.first {
  40                         margin-right: 5%;
  41                         width: 39%;
  42                 }
  43         }
  44 }
  45
  46 /* Flatlist styling for PHP widgets... */
  47 .mw-htmlform-flatlist .oo-ui-fieldLayout-align-inline,
  48 /* ...and for JS widgets */
  49 .mw-htmlform-flatlist .oo-ui-radioOptionWidget,
  50 .mw-htmlform-flatlist .oo-ui-checkboxMultioptionWidget {
  51         display: inline-block;
  52         margin-right: 1em;
  53 }
  54
  55 .mw-htmlform-ooui .htmlform-tip,
  56 .mw-htmlform-ooui .mw-htmlform-submit-buttons {
  57         margin-top: 1em;
  58 }