inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-09-17 14:21:29 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ACS-7419] Fix broken styling of notifications, apply pr remarks

Browse Source
This commit is contained in:
Tomasz Nastaly
2024-04-04 15:59:30 +02:00
committed by Vito Albano
parent a1cd7d0140
commit 84300a7674
2 changed files with 20 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
lib/core/src/lib/notifications/components/notification-history.component.html
View File

@@ -35,9 +35,11 @@
<mat-list role="menuitem"> <mat-list role="menuitem">
<ng-container *ngIf="notifications.length; else empty_list_template"> <ng-container *ngIf="notifications.length; else empty_list_template">
<mat-list-item *ngFor="let notification of paginatedNotifications" <mat-list-item *ngFor="let notification of paginatedNotifications"
class="adf-notification-history-menu-item" class="adf-notification-history-menu-item"
(click)="onNotificationClick(notification)"> (click)="onNotificationClick(notification)">
<div class="adf-notification-history-menu-item-content-wrapper">
<div *ngIf="notification.initiator; else no_avatar" <div *ngIf="notification.initiator; else no_avatar"
matListAvatar matListAvatar
[outerHTML]="notification.initiator | usernameInitials:'adf-notification-initiator-pic'"> [outerHTML]="notification.initiator | usernameInitials:'adf-notification-initiator-pic'">
@@ -53,6 +55,7 @@
<p class="adf-notification-history-menu-text adf-notification-history-menu-date" <p class="adf-notification-history-menu-text adf-notification-history-menu-date"
matListItemLine> {{notification.datetime | adfTimeAgo}} </p> matListItemLine> {{notification.datetime | adfTimeAgo}} </p>
</div> </div>
</div>
</mat-list-item> </mat-list-item>
</ng-container> </ng-container>
<ng-template #empty_list_template> <ng-template #empty_list_template>

8
lib/core/src/lib/notifications/components/notification-history.component.scss
View File

@@ -4,17 +4,15 @@ $notification-item-height: 72px;
.adf { .adf {
&-notification-history-list { &-notification-history-list {
/* stylelint-disable */ .adf-notification-history-menu-item-content-wrapper {
.mat-mdc-list-item-unscoped-content {
height: 100%; height: 100%;
display: flex !important; display: flex;
align-items: center !important; align-items: center;
} }
.mdc-list-item__secondary-text::before { .mdc-list-item__secondary-text::before {
height: auto; height: auto;
} }
/* stylelint-enable */
} }
&-notification-history-menu-item-content { &-notification-history-menu-item-content {