Improve support for keyvalues in query-selector
Change-Id: I1cc03772f8e1e595e8a7b6c7cb2ff81b586cd0a5
diff --git a/dev/scss/main/matchinfo.scss b/dev/scss/main/matchinfo.scss
index f5651f3..dab1d83 100644
--- a/dev/scss/main/matchinfo.scss
+++ b/dev/scss/main/matchinfo.scss
@@ -141,8 +141,9 @@
}
tr {
outline: none;
- > td.chosen,
- > th.chosen {
+ td.chosen,
+ th.chosen,
+ div.chosen {
background-color: $light-green !important;
color: $nearly-white;
// transition: color 0.1s, background-color 0.15s ease-out;
@@ -212,9 +213,36 @@
white-space: nowrap;
vertical-align: top;
text-align: center;
+ div {
+ background-color: $light-orange; // $nearly-white;
+ }
}
tr:nth-child(even) > td {
background-color: $light-orange;
+ div:nth-child(even) {
+ background-color: $middle-orange;
+ }
+ }
+
+ tr:nth-child(odd) > td > div:nth-child(odd) {
+ background-color: $middle-orange;
+ }
+
+
+ // table for key-value pairs
+ td.matchkeyvalues {
+ padding: 0;
+ > div {
+ @include cell-info;
+ > span {
+ color: $darkest-orange;
+ text-align: right;
+ &::after {
+ content: ":"
+ }
+ padding-right: .5em;
+ }
+ }
}
}