From 73f74cc83fa780dd6ef60577d3982e3f4f52aefa Mon Sep 17 00:00:00 2001
From: hackademix
Date: Mon, 11 Nov 2019 10:52:40 +0100
Subject: Best effort to make media placeholders visible and clickable.

---
 src/content/PlaceHolder.js | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

(limited to 'src/content/PlaceHolder.js')

diff --git a/src/content/PlaceHolder.js b/src/content/PlaceHolder.js
index 7043caf..8d183dd 100644
--- a/src/content/PlaceHolder.js
+++ b/src/content/PlaceHolder.js
@@ -135,7 +135,7 @@ var PlaceHolder = (() => {
       let setImage = () => replacement.style.backgroundImage = `url(${ICON_URL})`;
 
       if (ns.embeddingDocument) {
-        replacement.classList.add("document");
+        replacement.classList.add("__ns__document");
         window.stop();
         setTimeout(setImage, 0); // defer to bypass window.stop();
       } else {
@@ -160,8 +160,13 @@ var PlaceHolder = (() => {
       replacement._placeHolderObj = this;
       replacement._placeHolderElement = element;
 
-
       element.replaceWith(replacement);
+
+      // do our best to bring it to front
+      for (let p = replacement; p = p.parentElement;) {
+        p.classList.add("__ns__pop2top");
+      };
+
       this.replacements.add(replacement);
     }
 
@@ -195,9 +200,14 @@ var PlaceHolder = (() => {
     }
 
     close(replacement) {
-      replacement.classList.add("closing");
+      replacement.classList.add("__ns__closing");
       this.replacements.delete(replacement);
-      window.setTimeout(() => replacement.remove(), 500);
+      window.setTimeout(() => {
+        for (let p = replacement; p = p.parentElement;) {
+          p.classList.remove("__ns__pop2top");
+        };
+        replacement.remove()
+      }, 500);
     }
   }
 
-- 
cgit v1.2.3