Fix popup tooltips and sizing for Firefox

2 files changed, 14 insertions, 2 deletions

diff --git a/src/css/common.css b/src/css/common.css
index a8fa93c..fb4303e 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 0303ced..a7dc6bd 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;