Refactoring: moving the draggable code in a common class.

conversejs/custom/plugins/tasks/templates/muc-task-list.js

@@ -16,7 +16,7 @@ export default function tplMucTaskList (el, tasklist) {
   // eslint-disable-next-line no-undef
   const i18nTaskListName = __(LOC_task_list_name)
   return html`
-    <div class="task-list-line">
+    <div class="task-list-line draggables-line">
       ${el.collapsed
         ? html`
           <button @click=${el.toggleTasks} class="task-list-toggle-tasks">

conversejs/custom/plugins/tasks/templates/muc-task.js

@@ -13,7 +13,7 @@ export function tplMucTask (el, task) {
   const doneId = 'livechat-task-done-id-' + task.get('id')
   return !el.edit
     ? html`
-      <div draggable="true" class="task-line" ?task-is-done=${done}>
+      <div draggable="true" class="task-line draggables-line" ?task-is-done=${done}>
         <div class="form-check">
           <input
             id="${doneId}"
@@ -42,7 +42,7 @@ export function tplMucTask (el, task) {
         </button>
       </div>`
     : html`
-      <div class="task-line">
+      <div class="task-line draggables-line">
         <form class="converse-form" @submit=${el.saveTask}>
           ${_tplTaskForm(task)}
           <fieldset class="form-group">