From 61055672384cb850415ebae70d7ccdc761bf3555 Mon Sep 17 00:00:00 2001
From: Sivin Varghese <64252451+iamsivin@users.noreply.github.com>
Date: Wed, 20 Jul 2022 14:41:03 +0530
Subject: [PATCH] enhancement: Uses bold font-weight for unread notifications
 (#5073)

---
 .../notifications/components/NotificationTable.vue         | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/app/javascript/dashboard/routes/dashboard/notifications/components/NotificationTable.vue b/app/javascript/dashboard/routes/dashboard/notifications/components/NotificationTable.vue
index 415e87592..fc68afb40 100644
--- a/app/javascript/dashboard/routes/dashboard/notifications/components/NotificationTable.vue
+++ b/app/javascript/dashboard/routes/dashboard/notifications/components/NotificationTable.vue
@@ -13,6 +13,9 @@
         <tr
           v-for="notificationItem in notifications"
           :key="notificationItem.id"
+          :class="{
+            'is-unread': notificationItem.read_at === null,
+          }"
           @click="() => onClickNotification(notificationItem)"
         >
           <td>
@@ -163,6 +166,10 @@ export default {
   }
 }
 
+.is-unread {
+  font-weight: var(--font-weight-bold);
+}
+
 .notifications--loader {
   font-size: var(--font-size-default);
   display: flex;