From: ThibG <thib@sitedethib.com>
Date: Tue, 28 Apr 2020 07:44:17 +0000 (+0200)
Subject: [Glitch] Fix messed up z-index when NoScript blocks media/previews
X-Git-Url: https://git.xn--scling-oua.cat.family/?a=commitdiff_plain;h=502a0365df7b74ba7a430e79cbda8881e87c97d4;p=mastodon.git

[Glitch] Fix messed up z-index when NoScript blocks media/previews

Port 04eb59986461bc802d4432fe4131e09eadd070c0 to glitch-soc

Signed-off-by: Thibaut Girka <thib@sitedethib.com>
---

diff --git a/app/javascript/flavours/glitch/styles/basics.scss b/app/javascript/flavours/glitch/styles/basics.scss
index 77631097a..eb78b189d 100644
--- a/app/javascript/flavours/glitch/styles/basics.scss
+++ b/app/javascript/flavours/glitch/styles/basics.scss
@@ -150,3 +150,15 @@ button {
     height: 100%;
   }
 }
+
+// NoScript adds a __ns__pop2top class to the full ancestry of blocked elements,
+// to set the z-index to a high value, which messes with modals and dropdowns.
+// Blocked elements can in theory only be media and frames/embeds, so they
+// should only appear in statuses, under divs and articles.
+body,
+div,
+article {
+  .__ns__pop2top {
+    z-index: unset !important;
+  }
+}