Touched styling.

diff --git a/TreeOfTexts/root/js/interaction.js b/TreeOfTexts/root/js/interaction.js
index d4a9c33..d3edfe5 100644 (file)
--- a/TreeOfTexts/root/js/interaction.js
+++ b/TreeOfTexts/root/js/interaction.js
@@ -1,10 +1,11 @@
-var colors = ['#ffeeaa','#afc6e9','#d5fff6','#e5d5ff','#ffaaaa','#e5ff80','#ffccaa','#ffd5e5'];
+var colors = ['#ffeeaa','#afc6e9','#d5fff6','#ffccaa','#ffaaaa','#e5ff80','#e5d5ff','#ffd5e5'];
 var row_triggered = false;
 $(document).ready(function() {
   $('.rowid').click( function() {
     row_triggered = true;
     $('ellipse').attr( {stroke:'black', fill:'#fff'} );
     $(this).parent().nextAll('.clickable').children('span').click();
+    $('tr.active_variant_row').find('span').removeClass( 'active_variant_cell' );
     row_triggered = false;
   });
 })

diff --git a/TreeOfTexts/root/src/index.tt b/TreeOfTexts/root/src/index.tt
index 3b926c7..d5fbc1d 100644 (file)
--- a/TreeOfTexts/root/src/index.tt
+++ b/TreeOfTexts/root/src/index.tt
@@ -29,7 +29,7 @@
         <tr [% rowclass %]>
           <th><span class="rowid">[% row.id %]</span></th>
 [% FOREACH reading IN row.readings -%]
-          <td class="clickable"><span onclick="$('tr.active_variant_row').removeClass('active_variant_row');$(this).parents('tr').addClass('active_variant_row');color_nodes($(this).parent().index(), [% reading.group %], [% reading.missing %]);">[% reading.text %]</span></td>
+          <td class="clickable"><span onclick="$('span.active_variant_cell').removeClass('active_variant_cell');$(this).addClass('active_variant_cell');$('tr.active_variant_row').removeClass('active_variant_row');$(this).parents('tr').addClass('active_variant_row');color_nodes($(this).parent().index(), [% reading.group %], [% reading.missing %]);">[% reading.text %]</span></td>
 [% END -%]
 [% FILTER repeat( row.empty ) -%]
           <td/>

diff --git a/TreeOfTexts/root/src/style.tt2 b/TreeOfTexts/root/src/style.tt2
index 0d54616..48b593b 100644 (file)
--- a/TreeOfTexts/root/src/style.tt2
+++ b/TreeOfTexts/root/src/style.tt2
@@ -19,7 +19,6 @@ body {
     border-right: 1px #c6dcf1 solid;
     margin-left: 20px;
     overflow: auto;
-    overflow-x: hidden;
 }
 h1 {
     border-bottom: 1px solid #488dd2;
@@ -39,4 +38,7 @@ h1 {
 .active_variant_row {
     background: #c6dcf1;
 }
+.active_variant_cell {
+    background: #e8f1fe;
+}
 </style>