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>
<mat-divider></mat-divider>
<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">
<tb-notification [notification]="notification"
[onClose]="onClose"
(markAsRead)="markAsRead($event)">
</tb-notification>
<mat-divider *ngIf="!last" style="margin-bottom: 4px"></mat-divider>
<mat-divider *ngIf="!last" style="margin: 4px"></mat-divider>
</div>
</section>
</div>

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

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