Replace JQuery slide with transition

Conflicts:
	app/assets/javascripts/inbox.js
	app/assets/stylesheets/conversations.css.scss

app/assets/javascripts/app/views/conversations_view.js

@@ -5,8 +5,6 @@ app.views.Conversations = Backbone.View.extend({
   el: "#conversations_container",
 
   events: {
-    "mouseenter .stream_element.conversation" : "showParticipants",
-    "mouseleave .stream_element.conversation" : "hideParticipants",
     "conversation:loaded" : "setupConversation"
   },
 
@@ -45,14 +43,6 @@ app.views.Conversations = Backbone.View.extend({
     } else {
       $("html").animate({scrollTop:0});
     }
-  },
-
-  hideParticipants: function(e){
-    $(e.currentTarget).find('.participants').slideUp('300');
-  },
-
-  showParticipants: function(e){
-    $(e.currentTarget).find('.participants').slideDown('300');
   }
 });
 // @license-end

app/assets/javascripts/inbox.js

@@ -1,5 +1,24 @@
 // @license magnet:?xt=urn:btih:0b31508aeb0634b347b8270c7bee4d411b5d4109&dn=agpl-3.0.txt AGPL-v3-or-Later
 $(document).ready(function(){
+
+  if ($('#first_unread').length > 0) {
+    $("html").scrollTop($('#first_unread').offset().top-45);
+  }
+
+  $('time.timeago').each(function(i,e) {
+    var jqe = $(e);
+    jqe.attr('data-original-title', new Date(jqe.attr('datetime')).toLocaleString());
+    jqe.attr('title', '');
+  });
+
+  $('.timeago').tooltip();
+  $('.timeago').timeago();
+
+  $('time.timeago').each(function(i,e) {
+    var jqe = $(e);
+    jqe.attr('title', '');
+  });
+
   $(document).on('click', '.conversation-wrapper', function(){
     var conversation_path = $(this).data('conversation-path');
     $.getScript(conversation_path, function() {

app/assets/stylesheets/conversations.scss

@@ -81,20 +81,24 @@
     }
 
     .participants {
-      display: none;
       float: left;
       clear: both;
       margin-top: 5px;
       padding-top: 5px;
-      height: 25px;
+      height: 0;
       width: 100%;
       overflow: hidden;
       border-top: 1px dotted $border-grey;
+      transition: height ease 300ms;
       .avatar {
         margin: 0 5px 0 0;
         height: 25px;
         width: 25px;
       }
+
+      .conversation & {
+        height: 25px;
+      }
     }
 
     .img { line-height: 15px; }