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 | e4b394dcfd727fd02c34de88261c813fbe24776f (patch) | |
| tree | 9ac93290917681265cfdcbd4886add430f140db7 /Timeline/ClientApp/src/app/todo-item/todo-item.component.html | |
| parent | 8b72c82efc63dd781635a939a93982ec693b6930 (diff) | |
| download | timeline-e4b394dcfd727fd02c34de88261c813fbe24776f.tar.gz timeline-e4b394dcfd727fd02c34de88261c813fbe24776f.tar.bz2 timeline-e4b394dcfd727fd02c34de88261c813fbe24776f.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> |