clicking item description toggles the check box

diff --git a/public/css/style.css b/public/css/style.css
index e9e3cb7e5ba177e80cddf03669541233cbcfc3c3..4634b150df1a5f5b9e4685010194bc5bb63ddc21 100644 (file)
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -176,7 +176,7 @@ font-size: 10px;
 .list-item-row input[type="checkbox"] {
     width: 1.2em;
 }
-.list-item-row .description { cursor: text; min-width: 2em; }
+.list-item-row .description { cursor: default; min-width: 2em; }
 .list-item-row .edit-trigger {
     cursor: pointer;
     visibility: hidden;

diff --git a/public/javascripts/lsl.js b/public/javascripts/lsl.js
index ca3cc7acbf8894d9d9fdbc7b6f94a45f93f8043c..25fd187db125e4dc8f34bbdbff853de426a03d51 100644 (file)
--- a/public/javascripts/lsl.js
+++ b/public/javascripts/lsl.js
@@ -493,6 +493,9 @@ $(function(){
         return true;
     });
     $('#list-items').on('change', '.list-item-row input[type="checkbox"]', handle_list_item_state_changed);
+    $('#list-items').on('click', '.list-item-row > .description', (ev)=>{
+        $(ev.target).prev('input').trigger('click');
+    });
     load_lists();
     $('body').on('click', '.ui-widget-overlay', (ev) => {
         $(ev.target).siblings('.ui-dialog').find('.ui-dialog-content').dialog('close');