Added strikethrough

src/components/tasks/gantt-component.vue

@@ -45,7 +45,10 @@
 						@clicked="taskDragged = t"
                         :class="{'done': t.done}"
 				>
-                    {{t.text}}
+                    <span>{{t.text}}</span>
+                    <a @click="editTask(t)">
+                        <icon icon="pen"/>
+                    </a>
                  </VueDragResize>
 			</div>
 			<template v-if="showTaskswithoutDates">
@@ -110,6 +113,7 @@
 				fullWidth: 0,
 				now: null,
 				dayOffsetUntilToday: 0,
+                isTaskEdit: false,
 			}
 		},
 		watch: {
@@ -211,6 +215,10 @@
 						message.error(e, this)
 					})
 			},
+            editTask(task){
+				// eslint-disable-next-line
+				console.log(task)
+            },
 		},
 	}
 </script>

src/styles/gantt.scss

@@ -83,8 +83,17 @@ $gantt-vertical-border-color: lighten($grey, 45);
         -ms-user-select: none; // Internet Explorer/Edge
         user-select: none; // Non-prefixed version, currently  supported by Chrome and Opera
 
-        &.done {
-          text-decoration: line-through;
+        &.done span {
+          position: relative;
+
+          &:after {
+            content: '';
+            border-top: 1px solid $dark;
+            position: absolute;
+            right: 0;
+            left: 0;
+            top: 57%;
+          }
         }
 
         &.nodate {