From d574a09784d956b9ca77d5076ecfcc573a8f8ff4 Mon Sep 17 00:00:00 2001
From: Raymond Hill <rhill@raymondhill.net>
Date: Sat, 22 Dec 2018 15:09:38 -0500
Subject: [PATCH] Make the element picker dialog slowly fade away when made
 discrete

This fixes the following issues:
- https://github.com/gorhill/uBlock/issues/3449
- https://github.com/uBlockOrigin/uBlock-issues/issues/55
---
 src/epicker.html | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/epicker.html b/src/epicker.html
index 35c45982f..a1c676d97 100644
--- a/src/epicker.html
+++ b/src/epicker.html
@@ -180,10 +180,24 @@ html#ublock0-epicker,
     width: calc(40% - 4px) !important;
 }
 #ublock0-epicker body.paused > aside {
-    opacity: 0.1 !important;
+    opacity: 0.1;
     visibility: visible !important;
     z-index: 100 !important;
 }
+/**
+    https://github.com/gorhill/uBlock/issues/3449
+    https://github.com/uBlockOrigin/uBlock-issues/issues/55
+**/
+@keyframes startDialog {
+  0% { opacity: 1.0; }
+  60% { opacity: 1.0; }
+  100% { opacity: 0.1; }
+}
+#ublock0-epicker body.paused > aside:not(:hover):not(.show) {
+    animation-duration: 1.6s !important;
+    animation-name: startDialog !important;
+    animation-timing-function: linear !important;
+}
 #ublock0-epicker body.paused > aside:hover {
     opacity: 1 !important;
 }