...
 
Commits (4)
......@@ -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>
......@@ -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('')">
......
......@@ -104,6 +104,10 @@ h4 {
color: var(--green);
}
.wrong-icon {
color: var(--red);
}
.read-icon {
color: var(--blue);
}
......@@ -112,10 +116,6 @@ h4 {
color: var(--yellow);
}
.unread-icon {
color: var(--purple);
}
.counter {
color: var(--on-background);
}
......
......@@ -11,7 +11,7 @@
</ng-template>
</div>
<button mat-icon-button *ngIf="comment.read" [disabled]="true" (click)="setRead(comment)">
<mat-icon svgIcon="beamer" [ngClass]="{'read-icon': comment.read, 'not-marked' : !comment.read}"
<mat-icon svgIcon="beamer" class="not-marked">
matTooltip="{{ 'comment-page.mark-read' | translate }}">
</mat-icon>
</button>
......
......@@ -33,10 +33,6 @@ mat-card-content > :first-child {
color: var(--green);
}
.read-icon {
color: var(--blue);
}
.favorite-icon {
color: var(--yellow);
}
......@@ -78,7 +74,7 @@ h2 {
}
.date {
padding-top: 10px;
padding-top: 10.5px;
}
......