From 603833b981bb03fcf97654a9d88d7dc353b5e606 Mon Sep 17 00:00:00 2001
From: Gabriele Cirulli <gabrycir@gmail.com>
Date: Tue, 11 Mar 2014 15:47:11 +0100
Subject: [PATCH] improve donate button animation

---
 style/main.css  | 10 ++++++----
 style/main.scss |  6 ++++--
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/style/main.css b/style/main.css
index cec6365..41af5e1 100644
--- a/style/main.css
+++ b/style/main.css
@@ -667,10 +667,11 @@ hr {
     right: 50%;
     margin-right: -170px;
     padding-bottom: 7px;
-    top: 40px;
+    top: -30px;
     opacity: 0;
-    -webkit-transition: 200ms ease;
-    -moz-transition: 200ms ease;
+    pointer-events: none;
+    -webkit-transition: 400ms ease;
+    -moz-transition: 400ms ease;
     -webkit-transition-property: top, opacity;
     -moz-transition-property: top, opacity; }
     .btc-donate .address:after {
@@ -694,4 +695,5 @@ hr {
       text-align: center; }
   .btc-donate:hover .address, .btc-donate .address:hover .address {
     opacity: 1;
-    top: -45px; }
+    top: -45px;
+    pointer-events: auto; }
diff --git a/style/main.scss b/style/main.scss
index f41928b..07090fd 100644
--- a/style/main.scss
+++ b/style/main.scss
@@ -521,9 +521,10 @@ hr {
     
     padding-bottom: 7px;
 
-    top: 40px;
+    top: -30px;
     opacity: 0;
-    @include transition(200ms ease);
+    pointer-events: none;
+    @include transition(400ms ease);
     @include transition-property(top, opacity);
 
     &:after {
@@ -555,6 +556,7 @@ hr {
     .address {
       opacity: 1;
       top: -45px;
+      pointer-events: auto;
     }
   }
 }
-- 
GitLab