Revert "fixes Tasks UI (#11036)"

This reverts commit f548103f4c.

website/client/components/tasks/column.vue

@@ -37,9 +37,8 @@
     draggable.sortable-tasks(
       ref="tasksList",
       @update='taskSorted',
-      @start="isDragging(true)",
-      @end="isDragging(false)",
       :options='{disabled: activeFilter.label === "scheduled", scrollSensitivity: 64}',
+      class="sortable-tasks"
     )
       task(
         v-for="task in taskList",
@@ -50,11 +49,12 @@
         :group='group',
       )
     template(v-if="hasRewardsList")
-      draggable.reward-items(
+      draggable(
         ref="rewardsList",
         @update="rewardSorted",
         @start="rewardDragStart",
         @end="rewardDragEnd",
+        class="reward-items",
       )
         shopItem(
           v-for="reward in inAppRewards",
@@ -76,9 +76,6 @@
 <style lang="scss" scoped>
   @import '~client/assets/scss/colors.scss';
 
-  /deep/ .draggable-cursor {
-    cursor: grabbing;
-  }
 
   .tasks-column {
     min-height: 556px;
@@ -92,6 +89,7 @@
     margin-top: 16px;
   }
 
+
   .reward-items {
     @supports (display: grid) {
       display: grid;
@@ -337,7 +335,6 @@ export default {
       showPopovers: true,
 
       selectedItemToBuy: {},
-      dragging: false,
     };
   },
   created () {
@@ -524,11 +521,9 @@ export default {
     rewardDragStart () {
       // We need to stop popovers from interfering with our dragging
       this.showPopovers = false;
-      this.isDragging(true);
     },
     rewardDragEnd () {
       this.showPopovers = true;
-      this.isDragging(false);
     },
     quickAdd (ev) {
       // Add a new line if Shift+Enter Pressed
@@ -683,14 +678,6 @@ export default {
         this.error(e.message);
       }
     },
-    isDragging (dragging) {
-      this.dragging = dragging;
-      if (dragging) {
-        document.documentElement.classList.add('draggable-cursor');
-      } else {
-        document.documentElement.classList.remove('draggable-cursor');
-      }
-    },
   },
 };
 </script>

website/client/components/tasks/task.vue

@@ -20,7 +20,7 @@
               v-if="isUser && !isRunningYesterdailies",
               :right="task.type === 'reward'",
               ref="taskDropdown",
-              v-b-tooltip.hover.top="$t('options')"
+              v-b-tooltip.hover.top="$t('showMore')"
             )
               div(slot="dropdown-toggle", draggable=false)
                 .svg-icon.dropdown-icon(v-html="icons.menu")
@@ -141,11 +141,6 @@
     min-width: 0px;
     overflow-wrap: break-word;
 
-    // markdown p-tag, can't find without /deep/
-    /deep/ p {
-      margin-bottom: 0;
-    }
-
     &.has-notes {
       padding-bottom: 4px;
     }
@@ -234,7 +229,7 @@
     overflow-wrap: break-word;
 
     &.has-checklist {
-      padding-bottom: 2px;
+      padding-bottom: 8px;
     }
   }
 
@@ -290,7 +285,7 @@
     margin-bottom: -3px;
     min-height: 0px;
     width: 100%;
-    margin-left: 0;
+    margin-left: 8px;
     padding-right: 20px;
     overflow-wrap: break-word;
 
@@ -432,7 +427,7 @@
     border-left: none;
   }
 
-  .task-control:not(.task-disabled-habit-control-inner), .reward-control {
+  .task-control, .reward-control {
     cursor: pointer;
   }
 

website/client/components/tasks/user.vue

@@ -12,7 +12,7 @@
       .col-12.col-md-4.offset-md-4
         .d-flex
           input.form-control.input-search(type="text", :placeholder="$t('search')", v-model="searchText")
-          button.btn.btn-secondary.dropdown-toggle.ml-2.d-flex.align-items-center.search-button(
+          button.btn.btn-secondary.dropdown-toggle.ml-2.d-flex.align-items-center(
             type="button",
             @click="toggleFilterPanel()",
             :class="{active: selectedTags.length > 0}",
@@ -110,10 +110,6 @@
     padding-top: 16px;
   }
 
-  .input-search, .search-button {
-    height: 40px;
-  }
-
   .tasks-navigation {
     margin-bottom: 20px;
   }

website/common/locales/en/generic.json

@@ -34,7 +34,6 @@
   "saveEdits": "Save Edits",
   "showMore": "Show More",
   "showLess": "Show Less",
-  "options": "Options",
 
   "expandToolbar": "Expand Toolbar",
   "collapseToolbar": "Collapse Toolbar",