From 5c2f911557b2d81a94adf37b8e309bd9c296c98b Mon Sep 17 00:00:00 2001
From: dominikiwanekhyland
 <141320833+dominikiwanekhyland@users.noreply.github.com>
Date: Fri, 12 Apr 2024 15:13:12 +0200
Subject: [PATCH] [ACS-7530] - Notifications popup looks a bit differently
 (#9543)

---
 .../components/notification-history.component.html  |  2 +-
 .../components/notification-history.component.scss  | 13 ++++++++++++-
 2 files changed, 13 insertions(+), 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
index c4408bc7d7c..a762f10612d 100644
--- 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
index 5d4940f6a7c..5b3c30df2a3 100644
--- 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;