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 // HACK: Hide empty fieldsetLayoutHeaders, until T180535 isn't resolved
  47 .oo-ui-fieldsetLayout:not( .oo-ui-labelElement ):not( .oo-ui-iconElement ) > .oo-ui-fieldsetLayout-header {
  48         display: none;
  49 }
  50
  51 // Flatlist styling for PHP widgets...
  52 .mw-htmlform-flatlist .oo-ui-fieldLayout-align-inline,
  53 // ...and for JS widgets
  54 .mw-htmlform-flatlist .oo-ui-radioOptionWidget,
  55 .mw-htmlform-flatlist .oo-ui-checkboxMultioptionWidget {
  56         display: inline-block;
  57         margin-right: 1em;
  58 }
  59
  60 .mw-htmlform-ooui .htmlform-tip,
  61 .mw-htmlform-ooui .mw-htmlform-submit-buttons {
  62         margin-top: 1em;
  63 }