From: Volker E Date: Tue, 8 Jan 2019 02:13:33 +0000 (-0800) Subject: Special:AllMessages: Visually hide repeating text X-Git-Tag: 1.34.0-rc.0~3014 X-Git-Url: http://git.cyclocoop.org/%7B%24admin_url%7Dmembres/cotisations/gestion/%24oldLink?a=commitdiff_plain;h=b72274093d11e6b71351cf8167089af6884fdf29;p=lhc%2Fweb%2Fwiklou.git Special:AllMessages: Visually hide repeating text Leaving it in for better screen reader navigation though. Also, in order for this to use 'mediawiki.mixins' renaming special stylesheet from CSS to LESS. Bug: T209253 Change-Id: I40ac43d0a4a379a71ce78f2bd1f62b828170f4d8 --- diff --git a/resources/Resources.php b/resources/Resources.php index 5e965f7146..0208c527ac 100644 --- a/resources/Resources.php +++ b/resources/Resources.php @@ -1924,7 +1924,7 @@ return [ ], 'mediawiki.special' => [ 'styles' => [ - 'resources/src/mediawiki.special/special.css', + 'resources/src/mediawiki.special/special.less', 'resources/src/mediawiki.special/apisandbox.css', 'resources/src/mediawiki.special/comparepages.less', 'resources/src/mediawiki.special/edittags.css', diff --git a/resources/src/mediawiki.special/special.css b/resources/src/mediawiki.special/special.css deleted file mode 100644 index cb996f32b7..0000000000 --- a/resources/src/mediawiki.special/special.css +++ /dev/null @@ -1,151 +0,0 @@ -/* Special:AllMessages */ -#mw-allmessagestable tbody:hover td { - /* Duplicate of `.mw-datatable tr:hover td` from shared.css, - * so that it also applies when hovering a lower cell - * within the same rowspan */ - background-color: #eaf3ff; -} - -#mw-allmessagestable .am_default { - background-color: #fcffc4; -} - -#mw-allmessagestable tbody:hover .am_default { - background-color: #faff90; -} - -#mw-allmessagestable .am_actual { - background-color: #e2ffe2; -} - -#mw-allmessagestable tbody:hover .am_actual { - background-color: #b1ffb1; -} - -/* Common for Special:Allpages and Special:PrefixIndex */ -.mw-allpages-body, -.mw-prefixindex-body { - columns: 22em 3; - -moz-columns: 22em 3; - -webkit-columns: 22em 3; - break-inside: avoid-column; - page-break-inside: avoid; - -webkit-column-break-inside: avoid; -} - -.mw-allpages-chunk, -.mw-prefixindex-list { - margin-top: 0; - margin-bottom: 0; -} - -.allpagesredirect { - font-style: italic; -} - -/* Special:Block */ -.mw-ipb-conveniencelinks { - font-size: 90%; - text-align: right; -} - -.mw-block-hideuser, -.mw-block-confirm { - font-weight: bold; -} - -#mw-input-wpReason .oo-ui-dropdownInputWidget, -#mw-input-wpReason .oo-ui-textInputWidget { - display: block; - max-width: 50em; -} - -#mw-input-wpReason .oo-ui-textInputWidget { - margin-top: 0.5em; -} - -/* Special:BlockList */ -.mw-blocklist .mw-usertoollinks, -.mw-blocklist-actions { - white-space: nowrap; - font-size: 90%; -} - -/* Special:Contributions */ -.mw-uctop { - font-weight: bold; -} - -.mw-contributions-form select { - vertical-align: middle; -} - -/* Special:EditWatchlist */ -.watchlistredir { - font-style: italic; -} - -/* Special:EmailUser */ -#mw-emailuser-sender, -#mw-emailuser-recipient { - font-weight: bold; -} - -/* Special:FileDuplicateSearch */ -#mw-fileduplicatesearch-icon { - float: right; -} - -/* Special:ListGroupRights */ -.mw-listgrouprights-table tr { - vertical-align: top; -} - -.listgrouprights-revoked { - text-decoration: line-through; -} - -/* Special:RevisionDelete */ -.mw-revdel-editreasons { - font-size: 90%; - text-align: right; -} - -/* Special:Specialpages */ -.mw-specialpagerestricted { - font-weight: bold; -} - -.mw-specialpages-list { - -webkit-columns: 16em 2; - -moz-columns: 16em 2; - columns: 16em 2; -} - -.mw-specialpages-list ul { - margin-top: 0; - margin-bottom: 0; -} - -/* Special:Statistics */ -.mw-statistics-numbers { - text-align: right; -} - -/* Special:ProtectedPages */ -.mw-protectedpages .mw-usertoollinks, -.mw-protectedpages-length, -.mw-protectedpages-actions { - white-space: nowrap; - font-size: 90%; -} - -.mw-protectedpages-unknown { - color: #72777d; - font-size: 90%; -} - -/* Special:PasswordPolicies */ -.mw-passwordpolicies-table tr { - vertical-align: top; -} diff --git a/resources/src/mediawiki.special/special.less b/resources/src/mediawiki.special/special.less new file mode 100644 index 0000000000..e053b6c48c --- /dev/null +++ b/resources/src/mediawiki.special/special.less @@ -0,0 +1,158 @@ +/* Special:AllMessages */ +@import 'mediawiki.mixins'; + +/* Visually hide repeating text, but leave in for better form navigation on screen readers */ +.mw-special-Allmessages .mw-htmlform-ooui .oo-ui-fieldsetLayout:first-child .oo-ui-fieldsetLayout-header { + .mixin-screen-reader-text(); +} + +#mw-allmessagestable tbody:hover td { + /* Duplicate of `.mw-datatable tr:hover td` from shared.css, + * so that it also applies when hovering a lower cell + * within the same rowspan */ + background-color: #eaf3ff; +} + +#mw-allmessagestable .am_default { + background-color: #fcffc4; +} + +#mw-allmessagestable tbody:hover .am_default { + background-color: #faff90; +} + +#mw-allmessagestable .am_actual { + background-color: #e2ffe2; +} + +#mw-allmessagestable tbody:hover .am_actual { + background-color: #b1ffb1; +} + +/* Common for Special:Allpages and Special:PrefixIndex */ +.mw-allpages-body, +.mw-prefixindex-body { + columns: 22em 3; + -moz-columns: 22em 3; + -webkit-columns: 22em 3; + break-inside: avoid-column; + page-break-inside: avoid; + -webkit-column-break-inside: avoid; +} + +.mw-allpages-chunk, +.mw-prefixindex-list { + margin-top: 0; + margin-bottom: 0; +} + +.allpagesredirect { + font-style: italic; +} + +/* Special:Block */ +.mw-ipb-conveniencelinks { + font-size: 90%; + text-align: right; +} + +.mw-block-hideuser, +.mw-block-confirm { + font-weight: bold; +} + +#mw-input-wpReason .oo-ui-dropdownInputWidget, +#mw-input-wpReason .oo-ui-textInputWidget { + display: block; + max-width: 50em; +} + +#mw-input-wpReason .oo-ui-textInputWidget { + margin-top: 0.5em; +} + +/* Special:BlockList */ +.mw-blocklist .mw-usertoollinks, +.mw-blocklist-actions { + white-space: nowrap; + font-size: 90%; +} + +/* Special:Contributions */ +.mw-uctop { + font-weight: bold; +} + +.mw-contributions-form select { + vertical-align: middle; +} + +/* Special:EditWatchlist */ +.watchlistredir { + font-style: italic; +} + +/* Special:EmailUser */ +#mw-emailuser-sender, +#mw-emailuser-recipient { + font-weight: bold; +} + +/* Special:FileDuplicateSearch */ +#mw-fileduplicatesearch-icon { + float: right; +} + +/* Special:ListGroupRights */ +.mw-listgrouprights-table tr { + vertical-align: top; +} + +.listgrouprights-revoked { + text-decoration: line-through; +} + +/* Special:RevisionDelete */ +.mw-revdel-editreasons { + font-size: 90%; + text-align: right; +} + +/* Special:Specialpages */ +.mw-specialpagerestricted { + font-weight: bold; +} + +.mw-specialpages-list { + -webkit-columns: 16em 2; + -moz-columns: 16em 2; + columns: 16em 2; +} + +.mw-specialpages-list ul { + margin-top: 0; + margin-bottom: 0; +} + +/* Special:Statistics */ +.mw-statistics-numbers { + text-align: right; +} + +/* Special:ProtectedPages */ +.mw-protectedpages .mw-usertoollinks, +.mw-protectedpages-length, +.mw-protectedpages-actions { + white-space: nowrap; + font-size: 90%; +} + +.mw-protectedpages-unknown { + color: #72777d; + font-size: 90%; +} + +/* Special:PasswordPolicies */ +.mw-passwordpolicies-table tr { + vertical-align: top; +}