From ad16dbe268984d639c4924fb8bb1e69e68c0fef7 Mon Sep 17 00:00:00 2001
From: crupest <crupest@outlook.com>
Date: Mon, 25 Feb 2019 00:40:27 +0800
Subject: Add entrance animation of todo item.

---
 .../ClientApp/src/app/todo-list-page/todo-list-page.component.html    | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

(limited to 'Timeline/ClientApp/src/app/todo-list-page/todo-list-page.component.html')

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">
-- 
cgit v1.2.3