From d39ee8b58654bcd6d296e0edcfac24a2b11447f3 Mon Sep 17 00:00:00 2001
From: Klaus Quibeldey-Cirkel <klaus.quibeldey-cirkel@mni.thm.de>
Date: Sun, 25 Apr 2021 17:36:26 +0200
Subject: [PATCH] semantic coloring
---
.../moderator-comment-list.component.html | 2 +-
.../moderator-comment-list.component.scss | 4 ++++
.../shared/comment-list/comment-list.component.html | 4 ++--
.../shared/comment-list/comment-list.component.scss | 4 ++++
4 files changed, 11 insertions(+), 3 deletions(-)
diff --git a/src/app/components/moderator/moderator-comment-list/moderator-comment-list.component.html b/src/app/components/moderator/moderator-comment-list/moderator-comment-list.component.html
index f3a55af24..0588daaf8 100644
--- a/src/app/components/moderator/moderator-comment-list/moderator-comment-list.component.html
+++ b/src/app/components/moderator/moderator-comment-list/moderator-comment-list.component.html
@@ -19,7 +19,7 @@
aria-labelledby="search-box-input-description"/>
<button id="search_close-button"
mat-icon-button
- class="searchBarButton close"
+ class="searchBarButton close red"
*ngIf="searchInput !== '' || search"
(click)="hideCommentsList=false; searchInput = ''; search = false; searchPlaceholder = '';">
<mat-icon>close</mat-icon>
diff --git a/src/app/components/moderator/moderator-comment-list/moderator-comment-list.component.scss b/src/app/components/moderator/moderator-comment-list/moderator-comment-list.component.scss
index b0bf61de9..c7c3d55b1 100644
--- a/src/app/components/moderator/moderator-comment-list/moderator-comment-list.component.scss
+++ b/src/app/components/moderator/moderator-comment-list/moderator-comment-list.component.scss
@@ -76,6 +76,10 @@ app-comment {
color: var(--secondary);
}
+.red {
+ color: var(--red) !important;
+}
+
.no-comments {
margin-top: 10%;
}
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 35273fce7..8bbfa8ae3 100644
--- a/src/app/components/shared/comment-list/comment-list.component.html
+++ b/src/app/components/shared/comment-list/comment-list.component.html
@@ -9,7 +9,7 @@
*ngIf="currentFilter !== ''"
(click)="filterComments('');"
aria-labelledby="close_filter">
- <mat-icon class="searchBarIcon">close</mat-icon>
+ <mat-icon class="searchBarIcon red">close</mat-icon>
</button>
<mat-label *ngIf="deviceType === 'desktop'"
fxLayoutAlign="center center">
@@ -27,7 +27,7 @@
aria-labelledby="search-box-input-description">
<button id="search_close-button"
mat-icon-button
- class="searchBarButton close"
+ class="searchBarButton close red"
*ngIf="searchInput !== '' || search"
(click)="hideCommentsList=false; searchInput = ''; search = false; searchPlaceholder = '';"
aria-labelledby="close_search">
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 82c21c08c..2872f0c84 100644
--- a/src/app/components/shared/comment-list/comment-list.component.scss
+++ b/src/app/components/shared/comment-list/comment-list.component.scss
@@ -64,6 +64,10 @@ app-comment {
color: var(--secondary);
}
+.red {
+ color: var(--red) !important;
+}
+
.actionButton {
width: 45px;
height: 45px;
--
GitLab