From 921a2824a193f1d3068f77353dc299e91eaf4d76 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lukas=20Mau=C3=9F?= <lukas.mauss@mni.thm.de>
Date: Fri, 30 Aug 2019 10:22:33 +0200
Subject: [PATCH] Fix filter-icons of correct and wrong
---
.../shared/comment-list/comment-list.component.html | 10 +++++-----
.../shared/comment-list/comment-list.component.scss | 4 ++++
2 files changed, 9 insertions(+), 5 deletions(-)
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 b3cede59f..327747c30 100644
--- a/src/app/components/shared/comment-list/comment-list.component.html
+++ b/src/app/components/shared/comment-list/comment-list.component.html
@@ -59,16 +59,16 @@
<mat-menu #filterMenu="matMenu" xPosition="before">
<div>
- <button mat-icon-button (focus)="hideCommentsList=true" matTooltip="{{ 'comment-list.wrong' | translate }}"
- (click)="filterComments(wrong)">
- <mat-icon [ngClass]="{correct: 'wrong-icon'}[currentFilter]">not_interested</mat-icon>
- </button>
-
<button mat-icon-button (focus)="hideCommentsList=true" matTooltip="{{ 'comment-list.correct' | translate }}"
(click)="filterComments(correct)">
<mat-icon [ngClass]="{correct: 'correct-icon'}[currentFilter]">check_circle</mat-icon>
</button>
+ <button mat-icon-button (focus)="hideCommentsList=true" matTooltip="{{ 'comment-list.wrong' | translate }}"
+ (click)="filterComments(wrong)">
+ <mat-icon [ngClass]="{wrong: 'wrong-icon'}[currentFilter]">not_interested</mat-icon>
+ </button>
+
<button mat-icon-button (focus)="hideCommentsList=true" matTooltip="{{ 'comment-list.favorite' | translate }}"
(click)="filterComments(favorite)">
<mat-icon [ngClass]="{favorite: 'favorite-icon'}[currentFilter]">grade</mat-icon>
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 350cbe5be..1aae7788c 100644
--- a/src/app/components/shared/comment-list/comment-list.component.scss
+++ b/src/app/components/shared/comment-list/comment-list.component.scss
@@ -104,6 +104,10 @@ h4 {
color: var(--green);
}
+.wrong-icon {
+ color: var(--red);
+}
+
.read-icon {
color: var(--grey);
}
--
GitLab