Experiment new ergonomics to interact with card details

The idea is that by displaying card details in a sidebar stuck on the
right of the screen, the mouse had to travel too much before
interacting with it. I also don’t want to use the Trello solution
(modal) on big screens, because I like the ability to interact with
the selected card and with the board at the same time (like in a
e-mail client).

The solution introduced in this commit consist of opening the card
detail in a column next to the minicard list.

This commit also fix right sidebar members and labels drag and drop.

1 files changed, 5 insertions, 5 deletions

diff --git a/client/components/sidebar/rendered.js b/client/components/sidebar/rendered.js
index 2b58bf33..36b1255c 100644
--- a/client/components/sidebar/rendered.js
+++ b/client/components/sidebar/rendered.js
@@ -1,10 +1,11 @@
-Template.membersWidget.rendered = function() {
+Template.membersWidget.onRendered(function() {
+  var self = this;
   if (! Meteor.user().isBoardMember())
     return;
 
   _.each(['.js-member', '.js-label'], function(className) {
-    Utils.liveEvent('mouseover', function($this) {
-      $this.find(className).draggable({
+    $(document).on('mouseover', function() {
+      self.$(className).draggable({
         appendTo: 'body',
         helper: 'clone',
         revert: 'invalid',
@@ -17,5 +18,4 @@ Template.membersWidget.rendered = function() {
       });
     });
   });
-};
-
+});