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

   1 /* HTMLForm styles */
   2 @import 'mediawiki.skin.variables.less';
   3 @import 'mediawiki.mixins.less';
   4
   5 .mw-htmlform {
   6         clear: both;
   7 }
   8
   9 .mw-htmlform .mw-htmlform-hidden-field {
  10         display: none;
  11 }
  12
  13 table.mw-htmlform-nolabel td.mw-label {
  14         display: none;
  15 }
  16
  17 .mw-htmlform-invalid-input td.mw-input input {
  18         border-color: @border-color-error;
  19 }
  20
  21 .mw-htmlform-flatlist div.mw-htmlform-flatlist-item {
  22         display: inline;
  23         margin-right: 1em;
  24         white-space: nowrap;
  25 }
  26
  27 /* HTMLCheckMatrix */
  28 .mw-htmlform-matrix th {
  29         font-weight: normal;
  30 }
  31
  32 .mw-htmlform-matrix td {
  33         padding-left: 0.5em;
  34         padding-right: 0.5em;
  35 }
  36
  37 tr.mw-htmlform-vertical-label td.mw-label {
  38         text-align: left !important; /* stylelint-disable-line declaration-no-important */
  39 }
  40
  41 .mw-htmlform-tooltip.mw-icon-question {
  42         margin-left: 4px;
  43         .cdx-mixin-css-icon(
  44                 @cdx-icon-help-notice, @color-subtle, @size-icon-x-small,
  45                 false, @background-position-base, initial
  46         );
  47 }
  48
  49 // Hide conditionally-hidden fields only if we have JS enabled (which can show them again when needed)
  50 .client-js .mw-htmlform-hide-if-hidden {
  51         // Override 'display' properties from any field
  52         display: none !important; /* stylelint-disable-line declaration-no-important */
  53 }