X-Git-Url: https://git.heureux-cyclage.org/?a=blobdiff_plain;f=resources%2Fsrc%2Fmediawiki%2Fhtmlform%2Fooui.styles.css;h=dbf2b6b461a5783d6565d2bccb5d848280191e3c;hb=55043101b2a89ea1e811b6d35e415f57ed0bf41d;hp=fc0fd6e0f3b82e1ae5fb18d1dd96dbd5887e4501;hpb=a206443c0e0f8efbdbc9b2e0a6b201a3a3527dd9;p=lhc%2Fweb%2Fwiklou.git diff --git a/resources/src/mediawiki/htmlform/ooui.styles.css b/resources/src/mediawiki/htmlform/ooui.styles.css index fc0fd6e0f3..dbf2b6b461 100644 --- a/resources/src/mediawiki/htmlform/ooui.styles.css +++ b/resources/src/mediawiki/htmlform/ooui.styles.css @@ -1,16 +1,33 @@ /* OOUIHTMLForm styles */ -.mw-htmlform-ooui .mw-htmlform-submit-buttons { - margin-top: 1em; +.mw-htmlform-ooui .mw-htmlform-field-HTMLCheckMatrix { + width: 100%; } -.mw-htmlform-ooui .mw-htmlform-field-HTMLCheckMatrix, -.mw-htmlform-ooui .mw-htmlform-matrix, -.mw-htmlform-ooui .mw-htmlform-matrix tr { - width: 100%; +.mw-htmlform-ooui .mw-htmlform-matrix { + border-spacing: 0; +} + +.mw-htmlform-ooui .mw-htmlform-matrix td { + padding: 0.35em 0.7em; + -webkit-transition: background-color 250ms; + -moz-transition: background-color 250ms; + transition: background-color 250ms; +} + +.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child( even ) td { + background-color: #f8f9fa; } -.mw-htmlform-ooui .mw-htmlform-matrix tr td.first { +.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:not( :first-child ):hover td { + background-color: #eaecf0; +} + +.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:first-child td { + background-color: #fff; +} + +.mw-htmlform-ooui .mw-htmlform-matrix td.first { margin-right: 5%; width: 39%; } @@ -18,8 +35,13 @@ /* Flatlist styling for PHP widgets... */ .mw-htmlform-flatlist .oo-ui-fieldLayout-align-inline, /* ...and for JS widgets */ -.mw-htmlform-flatlist .oo-ui-optionWidget, -.mw-htmlform-flatlist .oo-ui-multioptionWidget { +.mw-htmlform-flatlist .oo-ui-radioOptionWidget, +.mw-htmlform-flatlist .oo-ui-checkboxMultioptionWidget { display: inline-block; margin-right: 1em; } + +.mw-htmlform-ooui .htmlform-tip, +.mw-htmlform-ooui .mw-htmlform-submit-buttons { + margin-top: 1em; +}