Add selection actions bar.

This commit is contained in:
2022-03-06 12:24:03 +01:00
parent b8e4d34456
commit 8d3b7fa1c4
3 changed files with 16 additions and 6 deletions

View File

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

View File

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

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;
}