Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

UX: Add help text to first notification.

This commit is contained in:
Guo Xiang Tan 2016-11-16 12:24:33 +08:00
parent 8471289831
commit 1761317b37
4 changed files with 20 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
app/assets/javascripts/discourse/widgets/header.js.es6
View File

@ -45,7 +45,10 @@ createWidget('header-notifications', {
if (!currentUser.get('read_first_notification')) { if (!currentUser.get('read_first_notification')) {
contents.push(h('span.ring')); contents.push(h('span.ring'));
if (!attrs.active && attrs.ringBackdrop) { if (!attrs.active && attrs.ringBackdrop) {
contents.push(h('span.ring-backdrop')); contents.push(h('span.ring-backdrop',
{},
h('h1.ring-first-notification', {} ,I18n.t('user.first_notification'))
));
} }
}; };

12
app/assets/stylesheets/common/base/discourse.scss
View File

@ -171,11 +171,21 @@ body {
height: 80px; height: 80px;
top: -18px !important; top: -18px !important;
right: -18px !important; right: -18px !important;
box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.8); box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.85);
border-radius: 100%; border-radius: 100%;
z-index: 1040; z-index: 1040;
} }
.ring-first-notification {
position: absolute;
color: $secondary;
text-align: left;
right: 60px;
top: 70px;
width: 290px;
line-height: 30px;
}
.ring { .ring {
$gradient-start: transparent; $gradient-start: transparent;
$gradient-end: #090; $gradient-end: #090;

4
app/assets/stylesheets/mobile/ring.scss
View File

@ -1,3 +1,7 @@
.ring { .ring {
top: -7px !important; top: -7px !important;
} }
.ring-first-notification {
right: 20px;
}

1
config/locales/client.en.yml
View File

@ -514,6 +514,7 @@ en:
each_browser_note: "Note: You have to change this setting on every browser you use." each_browser_note: "Note: You have to change this setting on every browser you use."
dismiss_notifications: "Dismiss All" dismiss_notifications: "Dismiss All"
dismiss_notifications_tooltip: "Mark all unread notifications as read" dismiss_notifications_tooltip: "Mark all unread notifications as read"
first_notification: "Click on user profile to view your first notification"
disable_jump_reply: "Don't jump to my post after I reply" disable_jump_reply: "Don't jump to my post after I reply"
dynamic_favicon: "Show new / updated topic count on browser icon" dynamic_favicon: "Show new / updated topic count on browser icon"
external_links_in_new_tab: "Open all external links in a new tab" external_links_in_new_tab: "Open all external links in a new tab"