Replace some CSS by some JS (#288)

2 files changed, 3 insertions, 14 deletions

diff --git a/ihatemoney/static/css/main.css b/ihatemoney/static/css/main.css
index 73802a4..fa8ad56 100644
--- a/ihatemoney/static/css/main.css
+++ b/ihatemoney/static/css/main.css
@@ -253,12 +253,14 @@ tr.payer_line .balance-name{
     opacity: 0.3;
 }
 
+.balance.table .action,
 .extra-info {
     display: none;
 }
 
+.balance.table tr:hover .action,
 tr:hover .extra-info {
-    display: inline;
+    display: initial;
 }
 
 /* Fluid Offsets for Boostrap */
diff --git a/ihatemoney/templates/list_bills.html b/ihatemoney/templates/list_bills.html
index e4034d4..81f8cd5 100644
--- a/ihatemoney/templates/list_bills.html
+++ b/ihatemoney/templates/list_bills.html
@@ -14,12 +14,6 @@
         autoclose: true,
         language: '{{ g.lang }}'
     });
-
-    // Hide all members actions
-    $('.action').each(function(){
-        $(this).hide();
-    });
-
     // ask for confirmation before removing an user
     $('.action.delete').each(function(){
         var link = $(this).find('button');
@@ -33,13 +27,6 @@
         });
     });
 
-    // display the remove button on mouse over (and hide them per default)
-    $('.balance tr').hover(function(){
-        $(this).find('.action').show();
-    }, function(){
-        $(this).find('.action').hide();
-    });
-
     var highlight_owers = function(){
         var ower_ids = $(this).attr("owers").split(',');
         var payer_id = $(this).attr("payer");