From bdb97e73e9db612ace23aac26b45759a8890f38e Mon Sep 17 00:00:00 2001
From: Son <nguyenkims@users.noreply.github.com>
Date: Mon, 24 Jan 2022 15:22:26 +0100
Subject: [PATCH] display notification title, "more" button to the notification
 page

---
 templates/header.html | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/templates/header.html b/templates/header.html
index e1bd724a..3c6822cf 100644
--- a/templates/header.html
+++ b/templates/header.html
@@ -34,12 +34,23 @@
             <div v-if="loading">Loading ...</div>
             <div class="dropdown-item d-flex" v-for="notification in notifications">
               <div class="flex-grow-1">
+                <div v-html="notification.title" class="font-weight-bold" />
+                </div>
+
                 <div v-html="notification.message"
-                     style="width: 40em; word-wrap:break-word; white-space: normal"></div>
+                     style="width: 40em; word-wrap:break-word; white-space: normal; overflow: hidden; max-height: 100px; text-overflow: ellipsis;">
+                </div>
+
+                <div>
+                  <a :href="'/dashboard/notification/' + notification.id">More</a>
+                </div>
+
+
                 <div class="small text-muted">
                   [[notification.created_at]]
                 </div>
               </div>
+
               <div v-if="!notification.read">
                 <i class="fe fe-check"
                    @click="markAsRead(notification)"