Stubbing in collapse folder icon for starred stories.

media/css/reader.css

@@ -3550,9 +3550,10 @@ background: transparent;
 .NB-feeds-header-starred .NB-feeds-header-count {
     background-color: #11448B;
     display: block;
-    padding: 3px 4px 1px;
-    margin: 3px 3px 0 0;
+    padding: 2px 3px 2px;
+    margin: 3px 1px 0 1px;
     border-bottom: 1px solid rgba(0, 0, 0, .2);
+    
 }
 
 .NB-feeds-header-starred.NB-empty .NB-feeds-header-count {

media/js/newsblur/views/sidebar.js

@@ -3,6 +3,7 @@ NEWSBLUR.Views.Sidebar = Backbone.View.extend({
     el: '.NB-sidebar',
     
     events: {
+        "click .NB-feeds-header-starred .NB-feedlist-collapse-icon": "collapse_starred_stories",
         "click .NB-feeds-header-starred": "open_starred_stories",
         "click .NB-feeds-header-river-sites": "open_river_stories",
         "click .NB-feeds-header-river-blurblogs .NB-feedlist-collapse-icon": "collapse_river_blurblog",
@@ -147,6 +148,51 @@ NEWSBLUR.Views.Sidebar = Backbone.View.extend({
         return false;
     },
     
+    collapse_starred_stories: function(e, options) {
+        e.stopPropagation();
+        options = options || {};
+        
+        var $header = NEWSBLUR.reader.$s.$river_blurblogs_header;
+        var $folder = this.$('.NB-socialfeeds-folder');
+        
+        // Hiding / Collapsing
+        if (options.force_collapse || 
+            ($folder.length && 
+             $folder.eq(0).is(':visible'))) {
+            NEWSBLUR.assets.collapsed_folders('river_blurblog', true);
+            $header.addClass('NB-folder-collapsed');
+            $folder.animate({'opacity': 0}, {
+                'queue': false,
+                'duration': options.force_collapse ? 0 : 200,
+                'complete': _.bind(function() {
+                    this.show_collapsed_river_blurblog_count();
+                    $folder.slideUp({
+                        'duration': 270,
+                        'easing': 'easeOutQuart'
+                    });
+                }, this)
+            });
+        } 
+        // Showing / Expanding
+        else if ($folder.length && 
+                 (!$folder.eq(0).is(':visible'))) {
+            NEWSBLUR.assets.collapsed_folders('river_blurblog', false);
+            $header.removeClass('NB-folder-collapsed');
+            if (!NEWSBLUR.assets.preference('folder_counts')) {
+                this.hide_collapsed_river_blurblog_count();
+            }
+            $folder.css({'opacity': 0}).slideDown({
+                'duration': 240,
+                'easing': 'easeInOutCubic',
+                'complete': function() {
+                    $folder.animate({'opacity': 1}, {'queue': false, 'duration': 200});
+                }
+            });
+        }
+        
+        return false;
+    },
+    
     open_river_blurblogs_stories: function() {
         return NEWSBLUR.reader.open_river_blurblogs_stories();
     },

templates/reader/feeds_skeleton.xhtml

@@ -85,6 +85,7 @@
                     <div class="NB-feeds-header NB-feeds-header-starred NB-empty">
                         <div class="NB-feeds-header-count unread_count"></div>
                         <div class="NB-feeds-header-icon"></div>
+                        <div class="NB-feedlist-collapse-icon"></div>
                         <div class="NB-feeds-header-title">
                             Saved Stories
                         </div>