dendi-wang/thingsboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UI: Change default notification style for alarm notification

Browse Source
This commit is contained in:
Vladyslav_Prykhodko 2023-04-11 12:20:51 +03:00
parent 9ea27302db
commit 74a58817db
2 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
ui-ngx/src/app/modules/home/components/notification/show-notification-popover.component.html
View File

@ -25,13 +25,13 @@
</section> </section>
<mat-divider></mat-divider> <mat-divider></mat-divider>
<div *ngIf="(notifications$ | async).length; else emptyNotification" style="overflow: auto"> <div *ngIf="(notifications$ | async).length; else emptyNotification" style="overflow: auto">
<section style="min-height: 100px; overflow: auto; padding: 10px 0;"> <section style="min-height: 100px; overflow: auto; padding: 6px 0;">
<div *ngFor="let notification of (notifications$ | async); let last = last; trackBy: trackById"> <div *ngFor="let notification of (notifications$ | async); let last = last; trackBy: trackById">
<tb-notification [notification]="notification" <tb-notification [notification]="notification"
[onClose]="onClose" [onClose]="onClose"
(markAsRead)="markAsRead($event)"> (markAsRead)="markAsRead($event)">
</tb-notification> </tb-notification>
<mat-divider *ngIf="!last" style="margin-bottom: 4px"></mat-divider> <mat-divider *ngIf="!last" style="margin: 4px"></mat-divider>
</div> </div>
</section> </section>
</div> </div>

2
ui-ngx/src/app/shared/components/notification/notification.component.scss
View File

@ -20,6 +20,7 @@
display: block; display: block;
border: 1px solid; border: 1px solid;
border-radius: 4px; border-radius: 4px;
margin: 4px;
} }
.icon { .icon {
@ -61,6 +62,7 @@
.alarm-severity { .alarm-severity {
padding: 5px; padding: 5px;
border-radius: 8px; border-radius: 8px;
margin-right: 7px;
.severity { .severity {
font-weight: 500; font-weight: 500;