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 327747c301aa36b8a55fdaf8a14995b34e9ab75e..30014e0136223702ca6b9c22d1de057fd312b1f3 100644 --- a/src/app/components/shared/comment-list/comment-list.component.html +++ b/src/app/components/shared/comment-list/comment-list.component.html @@ -76,12 +76,7 @@ <button mat-icon-button (focus)="hideCommentsList=true" matTooltip="{{ 'comment-list.read' | translate }}" (click)="filterComments(read)"> - <mat-icon [ngClass]="{read: 'read-icon'}[currentFilter]">speaker_notes</mat-icon> - </button> - - <button mat-icon-button (focus)="hideCommentsList=true" matTooltip="{{ 'comment-list.unread' | translate }}" - (click)="filterComments(unread)"> - <mat-icon [ngClass]="{unread: 'unread-icon'}[currentFilter]">speaker_notes_off</mat-icon> + <mat-icon svgIcon="beamer" [ngClass]="{read: 'read-icon'}[currentFilter]"></mat-icon> </button> <button mat-icon-button (focus)="hideCommentsList=false" (click)="sortComments(currentSort); filterComments('')"> 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 1aae7788c1fe767d5167b6cae62419268235eee9..5b20e27659434f47773ececc85f02423f51e7237 100644 --- a/src/app/components/shared/comment-list/comment-list.component.scss +++ b/src/app/components/shared/comment-list/comment-list.component.scss @@ -109,17 +109,13 @@ h4 { } .read-icon { - color: var(--grey); + color: var(--on-surface); } .favorite-icon { color: var(--yellow); } -.unread-icon { - color: var(--purple); -} - .counter { color: var(--on-background); } diff --git a/src/app/components/shared/comment/comment.component.scss b/src/app/components/shared/comment/comment.component.scss index b966e14a1e9a3f57d57c444de7ea36e282e7eeaf..0fb3ac61cf3ce791fe88d34fa92d20ad905f552f 100644 --- a/src/app/components/shared/comment/comment.component.scss +++ b/src/app/components/shared/comment/comment.component.scss @@ -33,10 +33,6 @@ mat-card-content > :first-child { color: var(--green); } -.read-icon { - color: var(--grey); -} - .favorite-icon { color: var(--yellow); }