diff options
| author | crupest <crupest@outlook.com> | 2019-02-25 00:40:27 +0800 |
|---|---|---|
| committer | crupest <crupest@outlook.com> | 2019-02-25 00:40:27 +0800 |
| commit | 764c499add501af742b7098f4cc204feadbccda4 (patch) | |
| tree | ac5133ecdb0c03c3b47885fd3fe8a2b590558316 /Timeline/ClientApp/src/app/todo-list-page/todo-list-page.component.html | |
| parent | 28aea0ced979675c19d78d9c38991580b20e931a (diff) | |
| download | timeline-764c499add501af742b7098f4cc204feadbccda4.tar.gz timeline-764c499add501af742b7098f4cc204feadbccda4.tar.bz2 timeline-764c499add501af742b7098f4cc204feadbccda4.zip | |
Add entrance animation of todo item.
Diffstat (limited to 'Timeline/ClientApp/src/app/todo-list-page/todo-list-page.component.html')
| -rw-r--r-- | Timeline/ClientApp/src/app/todo-list-page/todo-list-page.component.html | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/Timeline/ClientApp/src/app/todo-list-page/todo-list-page.component.html b/Timeline/ClientApp/src/app/todo-list-page/todo-list-page.component.html index 505032a6..e8f5f30b 100644 --- a/Timeline/ClientApp/src/app/todo-list-page/todo-list-page.component.html +++ b/Timeline/ClientApp/src/app/todo-list-page/todo-list-page.component.html @@ -1,9 +1,9 @@ -<mat-progress-bar *ngIf="!items" mode="indeterminate"></mat-progress-bar> +<mat-progress-bar *ngIf="!isLoadCompleted" mode="indeterminate"></mat-progress-bar> <mat-list> <mat-list-item *ngFor="let item of items; let i = index" style="height:unset;"> <div class="item-box" [class.first-item-box]="i === 0" [class.non-first-item-box]="i !== 0"> - <app-todo-item [class.align-self-bottom]="i === 0" [item]="item"></app-todo-item> + <app-todo-item @itemEnter [class.align-self-bottom]="i === 0" [item]="item"></app-todo-item> <div class="space"></div> <div class="sample-box" *ngIf="i === 0"> <div class="mat-caption sample-item"> |