Add selection actions bar.
This commit is contained in:
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
@@ -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;
|
||||
}
|
||||
Reference in New Issue
Block a user