data entry - tooltip and scroll on activity/group list

H2020Cinderela · Oct 23, 2019 · e629375 · e629375
1 parent ff3227e
commit e629375
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/repair/js/views/data-entry/actors-flows.js b/repair/js/views/data-entry/actors-flows.js
@@ -191,6 +191,9 @@ var FlowsEditView = BaseView.extend(
             plugins: ["wholerow", "ui", "types", "themes"]
         });
         $(this.dataTree).on("select_node.jstree", this.nodeSelected);
+        $(this.dataTree).bind("hover_node.jstree", function (e, data) {
+            $("#" + data.node.id).prop('title', data.node.text);
+        })
         this.filterSelect = this.el.querySelector('#included-filter-select');
         this.actorsTable = $('#actors-table').DataTable();
         $('#actors-table tbody').on('click', 'tr', function () {

diff --git a/repair/templates/dataentry/actors-flows.html b/repair/templates/dataentry/actors-flows.html
@@ -18,7 +18,7 @@ <h3> <%= casestudy %> > <%= keyflow %> > {% trans "Flows" %}</h3>
           <div class="row">
             <div class="col-md-2 bordered">
               <span class="fa fa-cubes"></span>  {% trans "Activity Groups" %} / <span class="fa fa-cube"></span> {% trans "Activities" %}
-              <div id="data-tree" style="overflow-x: auto; overflow-y:hidden; font-size: 0.9em;"></div>
+              <div id="data-tree" style="overflow-x: auto; overflow-y:auto; max-height: 500px; font-size: 0.9em;"></div>
             </div>
             <h3 id="select-activities-tip" class="row"><span class="glyphicon glyphicon-arrow-left"></span>  {% trans "Select an activity by clicking its row to show the related actors." %}</h3>
             <div class="col-md-3 bordered" id='actors-col'>