florian/Todo-tool
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Add selection actions bar.

Browse Source
This commit is contained in:
Florian THIERRY - Takiguchi
2022-03-06 12:24:03 +01:00
parent b8e4d34456
commit 8d3b7fa1c4
3 changed files with 16 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/app/core/components/header/header.component.html
View File

@@ -16,9 +16,6 @@
matTooltip="Retourner aux task-lists"> matTooltip="Retourner aux task-lists">
<mat-icon>chevron_left</mat-icon> <mat-icon>chevron_left</mat-icon>
</button> </button>
<!-- <div *ngIf="activeTaskList">
Liste active : {{activeTaskList.name}}
</div> -->
</nav> </nav>
<nav *ngIf="selectionMode" class="selectionMode"> <nav *ngIf="selectionMode" class="selectionMode">
<div></div> <div></div>

7
src/app/task-lists/task-lists.component.html
View File

@@ -19,8 +19,9 @@
<mat-icon *ngIf="isSelectionModeEnabled() && isSelected(taskList)" class="selection-icon">done</mat-icon> <mat-icon *ngIf="isSelectionModeEnabled() && isSelected(taskList)" class="selection-icon">done</mat-icon>
</div> </div>
{{taskList.name}} {{taskList.name}}
<ng-container >
SELECTED
</ng-container>
</div> </div>
</div> </div>
<div class="selection-actions" *ngIf="isSelectionModeEnabled()">
<button class="raised">Renommer</button>
<button class="raised alert">Supprimer</button>
</div>

12
src/app/task-lists/task-lists.component.scss
View File

@@ -34,3 +34,15 @@
} }
} }
} }
.selection-actions {
padding: .5rem;
position: fixed;
bottom: 0;
left: 0;
right: 0;
display: flex;
flex-grow: 1;
justify-content: space-between;
border-top: 1px solid #444;
}