From 2ef19901dda0cf38e03d5c6731226bd8bdc080d6 Mon Sep 17 00:00:00 2001
From: Tim Abbott <tabbott@zulipchat.com>
Date: Mon, 2 Jan 2017 16:42:04 -0800
Subject: [PATCH] notifications: Improve HTML/CSS for desktop notifications.

---
 static/js/notifications.js               | 1 +
 static/styles/zulip.css                  | 4 ++++
 static/templates/notification.handlebars | 2 +-
 3 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/static/js/notifications.js b/static/js/notifications.js
index 62cf1d945e..5b4529f9b0 100644
--- a/static/js/notifications.js
+++ b/static/js/notifications.js
@@ -222,6 +222,7 @@ function in_browser_notify(message, title, content, raw_operators, opts) {
         gravatar_url: ui.small_avatar_url(message),
         title: title,
         content: content,
+        message_id: message.id,
     }));
 
     $('.top-right').notify({
diff --git a/static/styles/zulip.css b/static/styles/zulip.css
index c6f5cd2508..82b68b5cbb 100644
--- a/static/styles/zulip.css
+++ b/static/styles/zulip.css
@@ -2273,6 +2273,10 @@ button.topic_edit_cancel {
     text-align: center;
 }
 
+.notification {
+    cursor: pointer;
+}
+
 #empty_narrow_private_message p,
 #empty_narrow_message p {
     text-align: center;
diff --git a/static/templates/notification.handlebars b/static/templates/notification.handlebars
index 0abe5b98ff..51c56fabc7 100644
--- a/static/templates/notification.handlebars
+++ b/static/templates/notification.handlebars
@@ -1,5 +1,5 @@
 {{! Content of in-browser notifications }}
-<div>
+<div class="notification" data-message-id="{{message_id}}">
     <div class="notifications-gravatar">
         <img src="{{gravatar_url}}" />
     </div>