VolkerE has uploaded a new change for review. (
https://gerrit.wikimedia.org/r/327849 )
Change subject: Improve visual association of elements in OOjs UI HTMLForm
matrix
......................................................................
Improve visual association of elements in OOjs UI HTMLForm matrix
Improving visual association of checkboxes and their descriptions
in OOjs UI HTMLForm matrix by introducing row background-color
cue and decreasing distance between elements.
Bug: T150079
Change-Id: I84f64e54b242efef897073eed8afb2555614116b
---
M resources/src/mediawiki/htmlform/ooui.styles.css
1 file changed, 11 insertions(+), 4 deletions(-)
git pull ssh://gerrit.wikimedia.org:29418/mediawiki/core
refs/changes/49/327849/1
diff --git a/resources/src/mediawiki/htmlform/ooui.styles.css
b/resources/src/mediawiki/htmlform/ooui.styles.css
index 40f4f52..18c9eee 100644
--- a/resources/src/mediawiki/htmlform/ooui.styles.css
+++ b/resources/src/mediawiki/htmlform/ooui.styles.css
@@ -4,13 +4,20 @@
margin-top: 1em;
}
-.mw-htmlform-ooui .mw-htmlform-field-HTMLCheckMatrix,
-.mw-htmlform-ooui .mw-htmlform-matrix,
-.mw-htmlform-ooui .mw-htmlform-matrix tr {
+.mw-htmlform-ooui .mw-htmlform-field-HTMLCheckMatrix {
width: 100%;
}
+,
+.mw-htmlform-ooui .mw-htmlform-matrix {
+ border-spacing: 0;
+}
-.mw-htmlform-ooui .mw-htmlform-matrix tr td.first {
+.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child( even ) td {
+ background-color: #f8f9fa;
+ padding: 0.5em;
+}
+
+.mw-htmlform-ooui .mw-htmlform-matrix td.first {
margin-right: 5%;
width: 39%;
}
--
To view, visit https://gerrit.wikimedia.org/r/327849
To unsubscribe, visit https://gerrit.wikimedia.org/r/settings
Gerrit-MessageType: newchange
Gerrit-Change-Id: I84f64e54b242efef897073eed8afb2555614116b
Gerrit-PatchSet: 1
Gerrit-Project: mediawiki/core
Gerrit-Branch: master
Gerrit-Owner: VolkerE <[email protected]>
_______________________________________________
MediaWiki-commits mailing list
[email protected]
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
