From 56425a8a1239c32a03e3bd4721aef4d463086498 Mon Sep 17 00:00:00 2001
From: kosiakkatrina <54268893+kosiakkatrina@users.noreply.github.com>
Date: Wed, 14 Feb 2024 15:14:46 +0000
Subject: [PATCH] Allow incorporating links/styling into notification title
 (#2241)

* Allow incorporating links/styling into

* Keep links white
---
 app/frontend/styles/_unread-notification.scss         | 4 ++++
 app/views/notifications/_notification_banner.html.erb | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/app/frontend/styles/_unread-notification.scss b/app/frontend/styles/_unread-notification.scss
index d76b36fa2..a42cd2d05 100644
--- a/app/frontend/styles/_unread-notification.scss
+++ b/app/frontend/styles/_unread-notification.scss
@@ -5,3 +5,7 @@
 .app-unread-notification p {
   color: govuk-colour("white");
 }
+
+.app-unread-notification a {
+  color: govuk-colour("white");
+}
diff --git a/app/views/notifications/_notification_banner.html.erb b/app/views/notifications/_notification_banner.html.erb
index 230fe458a..cd7dfffac 100644
--- a/app/views/notifications/_notification_banner.html.erb
+++ b/app/views/notifications/_notification_banner.html.erb
@@ -6,7 +6,7 @@
         <% if notification_count > 1  && current_user.present? %>
           <p>Notification 1 of <%= notification_count %></p>
         <% end %>
-      <p class="govuk-!-font-weight-bold"><%= notification.title %></p>
+      <p class="govuk-!-font-weight-bold"><%= notification.title.html_safe %></p>
         <% if notification.page_content.present? %>
           <div class="govuk-body">
             <%= govuk_link_to notification.link_text, notifications_path, class: "govuk-link--inverse govuk-!-font-weight-bold" %>