From b681d7fe2fb03ac44869c0943f7fb1b60ec4ffd3 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 15:18:19 +0200
Subject: [PATCH] Adjust beamer icon colors
---
.../shared/comment-list/comment-list.component.html | 2 +-
.../shared/comment-list/comment-list.component.scss | 4 ++--
src/app/components/shared/comment/comment.component.html | 2 +-
src/app/components/shared/comment/comment.component.scss | 4 ++++
4 files changed, 8 insertions(+), 4 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 30014e013..78e62eaf1 100644
--- a/src/app/components/shared/comment-list/comment-list.component.html
+++ b/src/app/components/shared/comment-list/comment-list.component.html
@@ -76,7 +76,7 @@
<button mat-icon-button (focus)="hideCommentsList=true" matTooltip="{{ 'comment-list.read' | translate }}"
(click)="filterComments(read)">
- <mat-icon svgIcon="beamer" [ngClass]="{read: 'read-icon'}[currentFilter]"></mat-icon>
+ <mat-icon svgIcon="beamer" [ngClass]="{read: 'beamer-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 5b20e2765..aaa55ccd0 100644
--- a/src/app/components/shared/comment-list/comment-list.component.scss
+++ b/src/app/components/shared/comment-list/comment-list.component.scss
@@ -108,8 +108,8 @@ h4 {
color: var(--red);
}
-.read-icon {
- color: var(--on-surface);
+.beamer-icon {
+ color: var(--blue);
}
.favorite-icon {
diff --git a/src/app/components/shared/comment/comment.component.html b/src/app/components/shared/comment/comment.component.html
index 8370e38af..af97385e6 100644
--- a/src/app/components/shared/comment/comment.component.html
+++ b/src/app/components/shared/comment/comment.component.html
@@ -11,7 +11,7 @@
</ng-template>
</div>
<button mat-icon-button *ngIf="comment.read" [disabled]="true" (click)="setRead(comment)">
- <mat-icon svgIcon="beamer" class="not-marked">
+ <mat-icon svgIcon="beamer" class="beamer-icon">
matTooltip="{{ 'comment-page.mark-read' | translate }}">
</mat-icon>
</button>
diff --git a/src/app/components/shared/comment/comment.component.scss b/src/app/components/shared/comment/comment.component.scss
index 0fb3ac61c..a0d4f5872 100644
--- a/src/app/components/shared/comment/comment.component.scss
+++ b/src/app/components/shared/comment/comment.component.scss
@@ -41,6 +41,10 @@ mat-card-content > :first-child {
color: var(--red);
}
+.beamer-icon {
+ color: var(--on-surface);
+}
+
h2 {
text-align: center;
margin: 0;
--
GitLab