diff options
| author | crupest <crupest@outlook.com> | 2019-02-23 23:55:04 +0800 |
|---|---|---|
| committer | crupest <crupest@outlook.com> | 2019-02-23 23:55:04 +0800 |
| commit | aaafdb323fddfa4654117b84b371ba49de3dd433 (patch) | |
| tree | de7a451c3da77ab453043468fcc169ad25025a79 /Timeline/ClientApp/src/app/todo-item/todo-item.component.html | |
| parent | 830cecd7d03ecd49550adb76a578a7ad4005ffe5 (diff) | |
| download | timeline-aaafdb323fddfa4654117b84b371ba49de3dd433.tar.gz timeline-aaafdb323fddfa4654117b84b371ba49de3dd433.tar.bz2 timeline-aaafdb323fddfa4654117b84b371ba49de3dd433.zip | |
Add icon of todo list and redesign the page.
Diffstat (limited to 'Timeline/ClientApp/src/app/todo-item/todo-item.component.html')
| -rw-r--r-- | Timeline/ClientApp/src/app/todo-item/todo-item.component.html | 11 |
1 files changed, 11 insertions, 0 deletions
diff --git a/Timeline/ClientApp/src/app/todo-item/todo-item.component.html b/Timeline/ClientApp/src/app/todo-item/todo-item.component.html new file mode 100644 index 00000000..624586cb --- /dev/null +++ b/Timeline/ClientApp/src/app/todo-item/todo-item.component.html @@ -0,0 +1,11 @@ +<mat-card class="mat-elevation-z2 item-card"> + <span class="item-color-block" [class.color-block-closed]="item.closed" [class.color-block-open]="!item.closed"></span> + <!-- Do not move the margin style to class because there is some preset classes on mat-card children making it invalid. --> + <div class="mat-h3 item-body-box" style="margin: 5px;"> + <img class="item-icon" [src]="item.iconUrl" /> + <span class="item-title">{{ item.id }}. {{ item.title }}</span> + <a mat-icon-button class="item-detail-button" [href]="item.detailUrl"> + <mat-icon>arrow_forward</mat-icon> + </a> + </div> +</mat-card> |