IntenseWebs/discourse
3
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-02-16 18:24:52 -06:00
Code Issues Packages Projects Releases Wiki Activity

Correct colors for tracking glyph in notification area

Browse Source
This commit is contained in:
Sam 2014-04-24 10:48:04 +10:00
parent 6006494609
commit 2debf7d97d
3 changed files with 22 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
app/assets/javascripts/discourse/views/buttons/notifications_button.js
View File

@ -15,16 +15,20 @@ Discourse.NotificationsButton = Discourse.DropdownButtonView.extend({
isPrivateMessage: Em.computed.alias('topic.isPrivateMessage'),
activeItem: Em.computed.alias('topic.details.notification_level'),
watchingClasses: 'fa fa-exclamation-circle watching',
trackingClasses: 'fa fa-circle tracking',
mutedClasses: 'fa fa-times-circle muted',
dropDownContent: function() {
var contents = [], postfix = '';
if (this.get('isPrivateMessage')) { postfix = '_pm'; }
_.each([
['WATCHING', 'watching', 'fa fa-circle heatmap-high'],
['TRACKING', 'tracking', 'fa fa-circle heatmap-low'],
['REGULAR', 'regular', ''],
['MUTED', 'muted', 'fa fa-times-circle']
['WATCHING', 'watching', this.watchingClasses],
['TRACKING', 'tracking', this.trackingClasses],
['REGULAR', 'regular', 'tracking'],
['MUTED', 'muted', this.mutedClasses]
], function(pair) {
if (postfix === '_pm' && pair[1] === 'regular') { return; }
@ -40,6 +44,8 @@ Discourse.NotificationsButton = Discourse.DropdownButtonView.extend({
}.property(),
text: function() {
var self = this;
var key = (function() {
switch (this.get('topic.details.notification_level')) {
case Discourse.Topic.NotificationLevel.WATCHING: return 'watching';
@ -51,9 +57,9 @@ Discourse.NotificationsButton = Discourse.DropdownButtonView.extend({
var icon = (function() {
switch (key) {
case 'watching': return '<i class="fa fa-circle heatmap-high"></i>&nbsp;';
case 'tracking': return '<i class="fa fa-circle heatmap-low"></i>&nbsp;';
case 'muted': return '<i class="fa fa-times-circle"></i>&nbsp;';
case 'watching': return '<i class="' + self.watchingClasses + '"></i>&nbsp;';
case 'tracking': return '<i class="' + self.trackingClasses + '"></i>&nbsp;';
case 'muted': return '<i class="' + self.mutedClasses + '"></i>&nbsp;';
default: return '';
}
})();

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

@ -19,7 +19,8 @@ body {
color: $tertiary_text_color;
}
}
.coldmap-high {
.coldmap-high {
color: $coldmap-high !important;
}
.coldmap-med {

7
app/assets/stylesheets/common/base/notification-options.scss Normal file
View File

@ -0,0 +1,7 @@
.fa.muted {
color: $notification_badge_background_color;
}
.fa.tracking, .fa.watching {
color: lighten($emphasis_text_color, 20%);
font-weight: normal;
}