regie: add an handle to playlist items so it's clear they can be moved

diff --git a/panikdb/regie/templates/regie-home.html b/panikdb/regie/templates/regie-home.html
index 7eb977192c8f821c314f366116944ed3f060dc3e..52769401dadc34e08fdc31bbaae410822f715a4f 100644 (file)
--- a/panikdb/regie/templates/regie-home.html
+++ b/panikdb/regie/templates/regie-home.html
@@ -120,10 +120,11 @@ $(function() {
     'nl': 'dutch',
     'other': 'other',
   };
-  $('#tracks ul').sortable();
+  $('#tracks ul').sortable({handle: '.handle'});
 
   function add_track(track) {  /* to playlist */
     var $line = $('<li></li>')
+    $line.append('<span class="handle">⣿</span>');
     var $remove_button = $('<button>×</button>');
     $remove_button.on('click', function() {
       $(this).parent().remove();

diff --git a/panikdb/static/css/style.scss b/panikdb/static/css/style.scss
index 7182a9cfd9ce197daeac16589d6e0a10d1264098..a39ea30c01fd398f03f3ca007a8eefd9b995fbf8 100644 (file)
--- a/panikdb/static/css/style.scss
+++ b/panikdb/static/css/style.scss
@@ -684,6 +684,9 @@ form#track-search button {
                                display: block;
                                align-self: center;
                        }
+                       span.handle {
+                               cursor: move;
+                       }
                }
        }
 }