Adding a manage feed button to the feed title in story titles. Also changing soem styling.

This commit is contained in:
Samuel Clay 2010-05-09 17:30:27 -04:00
parent 99b0988d29
commit ca55ae4f82
2 changed files with 21 additions and 3 deletions

View file

@ -366,7 +366,7 @@ background: transparent;
#story_titles .NB-feedbar {
font-weight: bold;
font-size: 13px;
font-size: 16px;
padding: 2px 28px 2px 4px;
background: #dadada url('../theme/images/dadada_40x100_textures_03_highlight_soft_75.png') 0 50% repeat-x;
border-bottom: 2px solid #404040;
@ -380,12 +380,22 @@ background: transparent;
margin-right: 8px;
vertical-align: top;
float: left;
margin-top: 2px;
}
#story_titles .NB-feedbar .feed .feed_title {
float: left;
}
#story_titles .NB-feedbar .NB-feedbar-manage-feed {
background: transparent url("../img/icons/silk/wrench.png") no-repeat center center;
float: left;
width: 16px;
height: 16px;
display: none;
cursor: pointer;
padding: 3px 4px 0 16px;
}
#story_titles .NB-feedbar .NB-feedbar-mark-feed-read {
background-color: #3090cf;
color: #F0F0F0;
@ -393,7 +403,7 @@ background: transparent;
position: absolute;
right: 95px;
font-size: 9px;
line-height: 11px;
line-height: 15px;
font-weight: bold;
margin: 3px 11px 2px;
padding: 0px 4px 0;
@ -401,6 +411,7 @@ background: transparent;
display: none;
}
#story_titles .NB-feedbar.NB-feedbar-hover .NB-feedbar-manage-feed,
#story_titles .NB-feedbar.NB-feedbar-hover .NB-feedbar-mark-feed-read {
display: block;
}
@ -428,7 +439,7 @@ background: transparent;
#story_titles .NB-feedbar .NB-feedbar-intelligence {
position: absolute;
right: 4px;
top: 2px;
top: 3px;
}
#story_titles .NB-feedbar .unread_count {

View file

@ -490,6 +490,7 @@
]),
$.make('img', { className: 'feed_favicon', src: this.google_favicon_url + feed.feed_link }),
$.make('span', { className: 'feed_title' }, feed.feed_title),
$.make('div', { className: 'NB-feedbar-manage-feed' }),
$.make('div', { className: 'NB-feedbar-mark-feed-read' }, 'Mark All as Read')
]).data('feed_id', feed.id);
@ -1608,6 +1609,12 @@
self.mark_feed_as_read(feed_id, $t);
$t.fadeOut(400);
});
$.targetIs(e, { tagSelector: '.NB-feedbar-manage-feed' }, function($t, $p){
e.preventDefault();
if (!$('.NB-task-manage').hasClass('NB-disabled')) {
self.open_manage_feed_modal();
}
});
// ============
// = Feed Bar =