diff options
| author | 杨宇千 <crupest@outlook.com> | 2019-02-23 15:56:23 +0000 |
|---|---|---|
| committer | 杨宇千 <crupest@outlook.com> | 2019-02-23 15:56:23 +0000 |
| commit | 83b91e17b2d8eb7d05c6a07a43fe94b3bec18a5e (patch) | |
| tree | 9ac93290917681265cfdcbd4886add430f140db7 /Timeline/ClientApp/src/app/todo-item/todo-item.component.html | |
| parent | fe5838a966a314b72ecb4d992f86f5fce635a96f (diff) | |
| parent | e4b394dcfd727fd02c34de88261c813fbe24776f (diff) | |
| download | timeline-83b91e17b2d8eb7d05c6a07a43fe94b3bec18a5e.tar.gz timeline-83b91e17b2d8eb7d05c6a07a43fe94b3bec18a5e.tar.bz2 timeline-83b91e17b2d8eb7d05c6a07a43fe94b3bec18a5e.zip | |
Merged PR 6: Add icon of todo list and redesign it.
Related work items: #1, #3
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> |