use an icon for "mark all" notifications

Alfresco · Sep 11, 2023 · 42f28de · 42f28de
1 parent a1b39fb
commit 42f28de
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/lib/core/src/lib/notifications/components/notification-history.component.html b/lib/core/src/lib/notifications/components/notification-history.component.html
@@ -21,12 +21,12 @@
              (click)="$event.stopPropagation()">
             <div mat-subheader role="menuitem">
                 <span>{{ 'NOTIFICATIONS.TITLE' | translate }}</span>
-                <button (click)="markAsRead()"
+                <button *ngIf="notifications.length"
                         id="adf-notification-history-mark-as-read"
-                        mat-button
-                        color="accent"
-                        *ngIf="notifications.length">
-                    {{ 'NOTIFICATIONS.MARK_AS_READ' | translate }}
+                        mat-icon-button
+                        title="{{ 'NOTIFICATIONS.MARK_AS_READ' | translate }}"
+                        (click)="markAsRead()">
+                    <mat-icon>done_all</mat-icon>
                 </button>
             </div>