From 7d2fe49eb018f704ec004f9bc8066980c04a9d71 Mon Sep 17 00:00:00 2001
From: Deathamns <deathamns@gmail.com>
Date: Tue, 13 Jan 2015 17:20:16 +0100
Subject: [PATCH] Fix popup tooltips and sizing for Firefox

---
 platform/firefox/vapi-background.js |  2 +-
 src/css/common.css                  | 14 +++++++++++++-
 src/css/popup.css                   |  2 +-
 3 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/platform/firefox/vapi-background.js b/platform/firefox/vapi-background.js
index d64c3fd06..4d45bad51 100644
--- a/platform/firefox/vapi-background.js
+++ b/platform/firefox/vapi-background.js
@@ -1224,7 +1224,7 @@ vAPI.toolbarButton.onBeforeCreated = function(doc) {
             return;
         }
 
-        new win.MutationObserver(delayedResize).observe(win.body, {
+        new win.MutationObserver(delayedResize).observe(win.document.body, {
             attributes: true,
             characterData: true,
             subtree: true
diff --git a/src/css/common.css b/src/css/common.css
index a8fa93c4c..fb4303e30 100644
--- a/src/css/common.css
+++ b/src/css/common.css
@@ -36,7 +36,8 @@ body:not(.advancedUser) [data-tip]:hover:after {
     white-space: pre-line;
     z-index: 20;
     pointer-events: none;
-    opacity: 0;
+    animation: tooltip 0.8s;
+    -webkit-animation: tooltip 0.8s;
     }
 [data-tip]:hover::after {
     opacity: 1;
@@ -60,6 +61,17 @@ body[dir=rtl] [data-tip][data-tip-anchor="top"]:hover:after {
     right: -500%;
     }
 
+@keyframes tooltip {
+      0% { opacity: 0; }
+     85% { opacity: 0; }
+    100% { opacity: 1; }
+    }
+@-webkit-keyframes tooltip {
+      0% { opacity: 0; }
+     85% { opacity: 0; }
+    100% { opacity: 1; }
+    }
+
 .hiddenFileInput {
     visibility: hidden;
     width: 0;
diff --git a/src/css/popup.css b/src/css/popup.css
index 0303ced42..a7dc6bdcd 100644
--- a/src/css/popup.css
+++ b/src/css/popup.css
@@ -162,7 +162,7 @@ body.dirty #refresh {
 body.dirty #refresh:hover {
     color: black;
     }
-    
+
 #dynamicFilteringContainer {
     border: 0;
     font-size: 12px;