notifications: Improve HTML/CSS for desktop notifications.

This commit is contained in:
Tim Abbott 2017-01-02 16:42:04 -08:00
parent 0b78fe54e8
commit 2ef19901dd
3 changed files with 6 additions and 1 deletions

View File

@ -222,6 +222,7 @@ function in_browser_notify(message, title, content, raw_operators, opts) {
gravatar_url: ui.small_avatar_url(message), gravatar_url: ui.small_avatar_url(message),
title: title, title: title,
content: content, content: content,
message_id: message.id,
})); }));
$('.top-right').notify({ $('.top-right').notify({

View File

@ -2273,6 +2273,10 @@ button.topic_edit_cancel {
text-align: center; text-align: center;
} }
.notification {
cursor: pointer;
}
#empty_narrow_private_message p, #empty_narrow_private_message p,
#empty_narrow_message p { #empty_narrow_message p {
text-align: center; text-align: center;

View File

@ -1,5 +1,5 @@
{{! Content of in-browser notifications }} {{! Content of in-browser notifications }}
<div> <div class="notification" data-message-id="{{message_id}}">
<div class="notifications-gravatar"> <div class="notifications-gravatar">
<img src="{{gravatar_url}}" /> <img src="{{gravatar_url}}" />
</div> </div>