[ACS-7530] - Notifications popup looks a bit differently (#9543)

Alfresco · Jun 18, 2024 · 5c2f911 · 5c2f911
1 parent 1c7f2ed
commit 5c2f911
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 2 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
@@ -59,7 +59,7 @@
                 <ng-template #empty_list_template>
                     <mat-list-item id="adf-notification-history-component-no-message"
                                    class="adf-notification-history-menu-no-message">
-                        <p matListItemLine>{{ 'NOTIFICATIONS.NO_MESSAGE' | translate }}</p>
+                        <p class="adf-notification-history-menu-no-message-text" matListItemLine>{{ 'NOTIFICATIONS.NO_MESSAGE' | translate }}</p>
                     </mat-list-item>
                 </ng-template>
             </mat-list>

diff --git a/lib/core/src/lib/notifications/components/notification-history.component.scss b/lib/core/src/lib/notifications/components/notification-history.component.scss
@@ -30,9 +30,14 @@ $notification-item-height: 72px;
         p {
             line-height: 16px;
             margin-bottom: 0;
+            color: var(--theme-sidenav-user-menu-color);
         }
     }
 
+    &-notification-history-menu-title {
+        font-size: 14px;
+    }
+
     &-notification-history-menu_button#{$mat-button} {
         margin-right: 6px;
         border-radius: 90%;
@@ -73,6 +78,12 @@ $notification-item-height: 72px;
             font-size: var(--theme-body-1-font-size);
         }
 
+        .adf-notification-history-menu-no-message-text {
+            font-size: 16px;
+            color: var(--theme-sidenav-user-menu-color);
+            margin-bottom: 0;
+        }
+
         .adf-notification-history-menu-date.adf-notification-history-menu-text:is(p) {
             font-size: var(--theme-caption-font-size);
         }
@@ -108,7 +119,7 @@ $notification-item-height: 72px;
     }
 }
 
-#{$mat-menu-panel}.adf-notification-history-menu {
+#{$mat-menu-panel}.adf-notification-history-menu.adf-notification-history-menu-panel {
     min-width: 320px;
     max-height: 500px;