Commit d39ee8b5 authored by Klaus-Dieter Quibeldey-Cirkel's avatar Klaus-Dieter Quibeldey-Cirkel
Browse files

semantic coloring

parent 847ae797
...@@ -19,7 +19,7 @@ ...@@ -19,7 +19,7 @@
aria-labelledby="search-box-input-description"/> aria-labelledby="search-box-input-description"/>
<button id="search_close-button" <button id="search_close-button"
mat-icon-button mat-icon-button
class="searchBarButton close" class="searchBarButton close red"
*ngIf="searchInput !== '' || search" *ngIf="searchInput !== '' || search"
(click)="hideCommentsList=false; searchInput = ''; search = false; searchPlaceholder = '';"> (click)="hideCommentsList=false; searchInput = ''; search = false; searchPlaceholder = '';">
<mat-icon>close</mat-icon> <mat-icon>close</mat-icon>
......
...@@ -76,6 +76,10 @@ app-comment { ...@@ -76,6 +76,10 @@ app-comment {
color: var(--secondary); color: var(--secondary);
} }
.red {
color: var(--red) !important;
}
.no-comments { .no-comments {
margin-top: 10%; margin-top: 10%;
} }
......
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
*ngIf="currentFilter !== ''" *ngIf="currentFilter !== ''"
(click)="filterComments('');" (click)="filterComments('');"
aria-labelledby="close_filter"> aria-labelledby="close_filter">
<mat-icon class="searchBarIcon">close</mat-icon> <mat-icon class="searchBarIcon red">close</mat-icon>
</button> </button>
<mat-label *ngIf="deviceType === 'desktop'" <mat-label *ngIf="deviceType === 'desktop'"
fxLayoutAlign="center center"> fxLayoutAlign="center center">
...@@ -27,7 +27,7 @@ ...@@ -27,7 +27,7 @@
aria-labelledby="search-box-input-description"> aria-labelledby="search-box-input-description">
<button id="search_close-button" <button id="search_close-button"
mat-icon-button mat-icon-button
class="searchBarButton close" class="searchBarButton close red"
*ngIf="searchInput !== '' || search" *ngIf="searchInput !== '' || search"
(click)="hideCommentsList=false; searchInput = ''; search = false; searchPlaceholder = '';" (click)="hideCommentsList=false; searchInput = ''; search = false; searchPlaceholder = '';"
aria-labelledby="close_search"> aria-labelledby="close_search">
......
...@@ -64,6 +64,10 @@ app-comment { ...@@ -64,6 +64,10 @@ app-comment {
color: var(--secondary); color: var(--secondary);
} }
.red {
color: var(--red) !important;
}
.actionButton { .actionButton {
width: 45px; width: 45px;
height: 45px; height: 45px;
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment