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)