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

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