diff options
| author | crupest <crupest@outlook.com> | 2019-02-23 00:51:45 +0800 |
|---|---|---|
| committer | crupest <crupest@outlook.com> | 2019-02-23 00:51:45 +0800 |
| commit | 830cecd7d03ecd49550adb76a578a7ad4005ffe5 (patch) | |
| tree | 80014dacef168c9f83c2ca34df0495b7c7e7d503 /Timeline/ClientApp/src/app/todo-list-page/todo-list-page.component.html | |
| parent | 1db7c93ed333b5016fcc7e5947228db9e9e34b51 (diff) | |
| download | timeline-830cecd7d03ecd49550adb76a578a7ad4005ffe5.tar.gz timeline-830cecd7d03ecd49550adb76a578a7ad4005ffe5.tar.bz2 timeline-830cecd7d03ecd49550adb76a578a7ad4005ffe5.zip | |
Add icon and redesign card in todo page.
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 | 12 |
1 files changed, 6 insertions, 6 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 4e1aa2f1..0dcc8a94 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 @@ -3,17 +3,17 @@ <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"> - <mat-card class="mat-elevation-z2" [class.align-self-bottom]="i === 0"> - <span class="item-id" [class.item-id-closed]="item.closed" - [class.item-id-open]="!item.closed">{{item.id}}</span> - <a class="mat-h3 item-title" [href]="item.detailUrl">{{item.title}}</a> + <mat-card class="mat-elevation-z2 item-card" [style.background]="item.closed ? 'mediumspringgreen' : 'tomato'" + [class.align-self-bottom]="i === 0"> + <img class="item-img" width="18" height="18" [src]="item.iconUrl"> + <a class="mat-h3 item-title" [href]="item.detailUrl">{{item.id}} {{item.title}}</a> </mat-card> <div class="sample-box" *ngIf="i === 0"> <div class="mat-caption sample-container"> - <span class="item-id-sample item-id-open"></span> means working now. + <span class="sample-color-block sample-color-block-open"></span> means working now. </div> <div class="mat-caption sample-container"> - <span class="item-id-sample item-id-closed"></span> means completed. + <span class="sample-color-block sample-color-block-closed"></span> means completed. </div> <div class="mat-caption">click on item to see details.</div> </div> |