Mirrors/super-productivity
1
0
Fork 0
mirror of https://github.com/johannesjo/super-productivity.git synced 2026-07-23 16:07:27 +00:00
Code Issues Projects Releases Wiki Activity

feat(task): move handle to the center left of tags and title

Browse source
This commit is contained in:
Johannes Millan 2020-03-28 21:09:40 +01:00
parent 1374d1b58b
commit 0b148cfdbe
3 changed files with 19 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/app/features/tag/tag-list/tag-list.component.scss
View file

@ -10,7 +10,7 @@
//margin-left: 50px;
// Magic number to align icon with task text
user-select: none;
margin: 0 0 ($s*.5) 52px;
margin: 0 0 ($s*.5) 4px;
}
.tags {

29
src/app/features/tasks/task/task.component.html
View file

@ -83,16 +83,20 @@
</div>
</div>
<div #contentEditableOnClickEl
(editFinished)="updateTaskTitleIfChanged($event.isChanged, $event.newVal)"
[isResetAfterEdit]="true"
[value]="task.title"
class="task-title"
contentEditableOnClick
contenteditable="true"
tabindex="2"></div>
<div class="spacer"
style="width:10px; display: block; border-right-width: 1px; border-right-style: solid"></div>
<div class="title-and-tags-wrapper">
<div #contentEditableOnClickEl
(editFinished)="updateTaskTitleIfChanged($event.isChanged, $event.newVal)"
[isResetAfterEdit]="true"
[value]="task.title"
class="task-title"
contentEditableOnClick
contenteditable="true"
tabindex="2"></div>
<tag-list *ngIf="task.tagIds?.length && !task.parentId"
[task]="task"></tag-list>
<div class="spacer"
style="width:10px; display: block; border-right-width: 1px; border-right-style: solid"></div>
</div>
</div>
<div class="all-controls-wrapper">
@ -372,7 +376,7 @@
[matMenuTriggerFor]="projectMenu"
mat-menu-item>
<mat-icon>forward</mat-icon>
{{(task.projectId ? T.F.TASK.CMP.MOVE_TO_OTHER_PROJECT : T.F.TASK.CMP.ADD_TO_PROJECT )|translate}}
{{(task.projectId ? T.F.TASK.CMP.MOVE_TO_OTHER_PROJECT : T.F.TASK.CMP.ADD_TO_PROJECT)|translate}}
</button>
<mat-menu #projectMenu="matMenu">
<ng-container>
@ -405,9 +409,6 @@
</div>
</div>
<tag-list *ngIf="task.tagIds?.length && !task.parentId"
[task]="task"></tag-list>
<progress-bar *ngIf="isCurrent"
[cssClass]="'bg-accent'"
[progress]="progress"></progress-bar>

3
src/app/features/tasks/task/task.component.scss
View file

@ -334,6 +334,9 @@
// OTHER UI ELEMENTS
// -----------------
.title-and-tags-wrapper {
flex-grow: 1;
}
// TASK TITLE
.task-title {