diff --git a/src/app/features/tasks/task-summary-table/task-summary-table.component.html b/src/app/features/tasks/task-summary-table/task-summary-table.component.html
index 86ef502c194..8a51f47fac6 100644
--- a/src/app/features/tasks/task-summary-table/task-summary-table.component.html
+++ b/src/app/features/tasks/task-summary-table/task-summary-table.component.html
@@ -14,7 +14,11 @@
repeat
- – {{task.title}}
+ –
+
+
diff --git a/src/app/features/tasks/task-summary-table/task-summary-table.component.scss b/src/app/features/tasks/task-summary-table/task-summary-table.component.scss
index 13b9f993fd2..69ab6c55daa 100644
--- a/src/app/features/tasks/task-summary-table/task-summary-table.component.scss
+++ b/src/app/features/tasks/task-summary-table/task-summary-table.component.scss
@@ -8,13 +8,6 @@
}
td {
- .isDone {
- text-decoration: line-through;
- }
-
- .isSubTask {
- font-style: italic;
- }
}
th {
@@ -92,3 +85,40 @@
transform: rotate(45deg);
opacity: 0.7;
}
+
+.task-title {
+ display: flex;
+ //border: 1px solid orange;
+ text-align: left;
+ align-items: center;
+
+ &.isDone ::ng-deep .value-wrapper {
+ text-decoration: line-through;
+ }
+
+ &.isSubTask {
+ font-style: italic;
+ }
+
+
+ > span {
+ text-decoration: none !important;
+ display: block;
+ padding-left: $s*1;
+ }
+
+ inline-input {
+ flex-grow: 1;
+ text-align: left;
+ display: block;
+ }
+
+ ::ng-deep .inline-input-wrapper {
+ padding: $s;
+
+ input {
+ width: 100%;
+ text-align: left;
+ }
+ }
+}
diff --git a/src/app/features/tasks/task-summary-table/task-summary-table.component.ts b/src/app/features/tasks/task-summary-table/task-summary-table.component.ts
index a6b777b27db..93cd692ecc4 100644
--- a/src/app/features/tasks/task-summary-table/task-summary-table.component.ts
+++ b/src/app/features/tasks/task-summary-table/task-summary-table.component.ts
@@ -30,6 +30,12 @@ export class TaskSummaryTableComponent {
});
}
+ updateTaskTitle(task: Task, newVal: string) {
+ this._taskService.update(task.id, {
+ title: newVal
+ });
+ }
+
toggleTaskDone(task: Task) {
task.isDone
? this._taskService.setUnDone(task.id)