Select revisions to compare by picking rows

Two hidden fields hold the pair, picking a row pushes it as the target and
the previous target becomes the source, so any pair takes two picks. Source
and target carry the diff view's own colours, in the rows and in the sticky
bar's readout.

Rows are focusable and respond to Enter and Space, the readout is the
accessible equivalent of the colour, so it is aria-live.

1 files changed, 22 insertions, 0 deletions

diff --git a/public/stylesheets/admin.css b/public/stylesheets/admin.css
index d3f3afe6..8bbf7289 100644
--- a/public/stylesheets/admin.css
+++ b/public/stylesheets/admin.css
@@ -686,6 +686,28 @@ form.button_to svg  {
   border-bottom: 1px solid var(--hairline);
 }
 
+.revisions_table tbody tr {
+  cursor: pointer;
+}
+
+.revisions_table tbody tr.diff_source {
+  background-color: var(--diff-del-bg);
+}
+
+.revisions_table tbody tr.diff_target {
+  background-color: var(--diff-ins-bg);
+}
+
+#diff_selection_label #diff_from {
+  color: var(--diff-del-fg);
+  font-weight: bold;
+}
+
+#diff_selection_label #diff_to {
+  color: var(--diff-ins-fg);
+  font-weight: bold;
+}
+
 .row_primary {
   font-weight: bold;
 }