Style fixes for left navbar in notification view

app/assets/javascripts/app/views/notifications_view.js

@@ -74,10 +74,10 @@ app.views.Notifications = Backbone.View.extend({
 
     [allNotes, typeNotes].forEach(function(badge) {
       if(badge.text() > 0) {
-        badge.addClass("badge-important").removeClass("badge-default");
+        badge.removeClass("hidden");
       }
       else {
-        badge.removeClass("badge-important").addClass("badge-default");
+        badge.addClass("hidden");
       }
     });
 

app/assets/stylesheets/application.scss

@@ -34,9 +34,6 @@
 @import 'new_styles/registration';
 @import 'new_styles/forms';
 
-/* navs */
-@import 'new_styles/navs';
-
 /* profile and settings pages */
 @import 'new_styles/settings';
 

app/assets/stylesheets/new_styles/_navs.scss

@@ -1,15 +0,0 @@
-.nav.nav-tabs{
-  li > a {
-    color: $text-dark-grey;
-    .entypo, .mentionIcon {
-      color: $text-dark-grey;
-      margin-right: 5px;
-    }
-    .mentionIcon { font-weight: 700; }
-  }
-  li.active > a {
-    background-color: $background-grey;
-    color: $black;
-    .entypo, .mentionIcon { color: $black; }
-  }
-}

app/assets/stylesheets/notifications.scss

@@ -1,17 +1,8 @@
 #notifications_container {
-  .nav.nav-tabs{
-    li > a {
-      .badge.badge-default { display: none; }
-    }
-  }
-
   .stream {
     .header {
       border-bottom: 1px solid $border-grey;
-      .btn-toolbar, h4 {
-        margin: 11px 0;
-        line-height: 40px;
-      }
+      .btn-toolbar { margin: 11px 0; }
       margin-bottom: 10px;
     }
 
@@ -58,7 +49,6 @@
     .stream_element.media {
       padding: 10px;
       margin: 0px;
-      font-size: 13px;
       line-height: 18px;
       border-bottom: 1px solid $border-grey;
       &:last-child { border: none !important; }
@@ -98,4 +88,9 @@
 
     .no_notifications { text-align: center; }
   }
+
+  .list-group .list-group-item {
+    .entypo, .mentionIcon { margin-right: 5px; }
+    .mentionIcon { font-weight: bold; }
+  }
 }

app/views/notifications/index.html.haml

@@ -3,14 +3,14 @@
     .col-md-3
       %h3
         = t('.notifications')
-      %ul.list-group
+      .list-group
         %a.list-group-item{class: ('active' unless params[:type] && @grouped_unread_notification_counts.has_key?(params[:type])), href: '/notifications' + (params[:show] == 'unread' ? '?show=unread' : '') }
-          %span.pull-right.badge{class: (@unread_notification_count > 0 ? 'badge-important' : 'badge-default')}
+          %span.pull-right.badge{class: ("hidden" unless @unread_notification_count > 0)}
             = @unread_notification_count
           = t('.all_notifications')
         - @grouped_unread_notification_counts.each do |key, count|
           %a.list-group-item{class: ('active' if params[:type] == key), data: { type: key }, href: '/notifications?type=' + key + (params[:show] == 'unread' ? '&show=unread' : '') }
-            %span.pull-right.badge{class: (count > 0 ? 'badge-important' :'badge-default') }
+            %span.pull-right.badge{class: ("hidden" unless count > 0)}
               = count
             - case key
               - when 'also_commented', 'comment_on_post'