From 6a60acca810f873e480df03dc8b976e2aa90476e Mon Sep 17 00:00:00 2001 From: Hagen <hagen.dressler@mni.thm.de> Date: Fri, 9 Mar 2018 10:12:13 +0100 Subject: [PATCH] Delete list from component comment --- src/app/comment/comment.component.html | 38 ++++++++++++-------------- src/app/comment/comment.component.scss | 4 --- 2 files changed, 17 insertions(+), 25 deletions(-) diff --git a/src/app/comment/comment.component.html b/src/app/comment/comment.component.html index 10008393c..8dda97685 100644 --- a/src/app/comment/comment.component.html +++ b/src/app/comment/comment.component.html @@ -1,26 +1,22 @@ -<div fxLayout="column" fxLayoutAlign="center" fxLayoutGap="10"> - <ol class ="ol"> - <li *ngFor="let comment of comments"> - <mat-card> - <mat-card-content> - <div class="comment-body"> - <h3>{{comment.subject}}</h3><br> +<div fxLayout="column" fxLayoutAlign="center" fxLayoutGap="10" *ngFor="let comment of comments"> + <mat-card> + <mat-card-content> + <div class="comment-body"> + <h3>{{comment.subject}}</h3><br> - {{comment.body}} + {{comment.body}} - <div class="trash-icon"> - <i class="material-icons" (click)="delete(comment)">delete</i> - </div> - </div> - </mat-card-content> - <mat-card-footer> - <div class="date"> - <i> Submitted on {{comment.creationTimestamp | date:'dd-MM-yyyy HH:mm:ss' : format}} </i> - </div> - </mat-card-footer> - </mat-card><br> - </li> - </ol> + <div class="trash-icon"> + <i class="material-icons" (click)="delete(comment)">delete</i> + </div> + </div> + </mat-card-content> + <mat-card-footer> + <div class="date"> + <i> Submitted on {{comment.creationTimestamp | date:'dd-MM-yyyy HH:mm:ss' : format}} </i> + </div> + </mat-card-footer> + </mat-card><br> </div> <button mat-raised-button color="primary" (click)="goBack()">Back</button> diff --git a/src/app/comment/comment.component.scss b/src/app/comment/comment.component.scss index f02c662df..22a513126 100644 --- a/src/app/comment/comment.component.scss +++ b/src/app/comment/comment.component.scss @@ -9,7 +9,3 @@ font-size: 80%; margin-right: 10px; } - -.ol { - list-style: none; -} -- GitLab