diff --git a/src/app/components/shared/comment-list/comment-list.component.html b/src/app/components/shared/comment-list/comment-list.component.html index a03d29cdc3a6db94236dc8ff38fa6337c6b07651..65fb047c746b3c747518fbc8024f118b2dd07440 100644 --- a/src/app/components/shared/comment-list/comment-list.component.html +++ b/src/app/components/shared/comment-list/comment-list.component.html @@ -35,15 +35,15 @@ <mat-menu #sortMenu="matMenu" xPosition="before"> <button mat-icon-button (focus)="hideCommentsList=false" (click)="sortComments(votedesc)"> - <mat-icon>keyboard_arrow_up</mat-icon> + <mat-icon [ngClass]="{votedesc: 'up'}[currentSort]">keyboard_arrow_up</mat-icon> </button> <button mat-icon-button (focus)="hideCommentsList=false" (click)="sortComments(voteasc)"> - <mat-icon>keyboard_arrow_down</mat-icon> + <mat-icon [ngClass]="{voteasc: 'down'}[currentSort]">keyboard_arrow_down</mat-icon> </button> <button mat-icon-button (focus)="hideCommentsList=false" (click)="sortComments(time)"> - <mat-icon>access_time</mat-icon> + <mat-icon [ngClass]="{time: 'unread-icon'}[currentSort]">access_time</mat-icon> </button> </mat-menu> diff --git a/src/app/components/shared/comment-list/comment-list.component.scss b/src/app/components/shared/comment-list/comment-list.component.scss index 76f69bd736429644388874d9a10e262fba38b4b8..1c6e49a66c0a04a07699ef1430450ff385109a92 100644 --- a/src/app/components/shared/comment-list/comment-list.component.scss +++ b/src/app/components/shared/comment-list/comment-list.component.scss @@ -83,3 +83,11 @@ h4 { .comment-counter { font-size: 18pt; } + +.up { + color: var(--green); +} + +.down { + color: var(--red); +} diff --git a/src/app/components/shared/comment-list/comment-list.component.ts b/src/app/components/shared/comment-list/comment-list.component.ts index 8e313d94a7a67b689545947e39214cca79101c40..4ff0c457992334f5dbbc2eb8f9b11d81190df5eb 100644 --- a/src/app/components/shared/comment-list/comment-list.component.ts +++ b/src/app/components/shared/comment-list/comment-list.component.ts @@ -29,8 +29,8 @@ export class CommentListComponent implements OnInit { userRole: UserRole; deviceType: string; isLoading = true; - voteasc = 'vote_asc'; - votedesc = 'vote_desc'; + voteasc = 'voteasc'; + votedesc = 'votedesc'; time = 'time'; currentSort = this.votedesc; read = 'read';