Fix popup tooltips and sizing for Firefox

Deathamns · Deathamns · commit 7d2fe49eb018 · 2015-01-13T17:20:16.000+01:00
diff --git 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
@@ -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
@@ -162,7 +162,7 @@ body.dirty #refresh {
 body.dirty #refresh:hover {
     color: black;
     }
-    
+
 #dynamicFilteringContainer {
     border: 0;
     font-size: 12px;

Original file line number	Diff line number	Diff line change
`@@ -1224,7 +1224,7 @@ vAPI.toolbarButton.onBeforeCreated = function(doc) {`
`1224`	`1224`	`return;`
`1225`	`1225`	`}`
`1226`	`1226`
`1227`		`- new win.MutationObserver(delayedResize).observe(win.body, {`
	`1227`	`+ new win.MutationObserver(delayedResize).observe(win.document.body, {`
`1228`	`1228`	`attributes: true,`
`1229`	`1229`	`characterData: true,`
`1230`	`1230`	`subtree: true`
Original file line number	Diff line number	Diff line change
`@@ -162,7 +162,7 @@ body.dirty #refresh {`
`162`	`162`	`body.dirty #refresh:hover {`
`163`	`163`	`color: black;`
`164`	`164`	`}`
`165`		`-`
	`165`	`+`
`166`	`166`	`#dynamicFilteringContainer {`
`167`	`167`	`border: 0;`
`168`	`168`	`font-size: 12px;`