From 0ba4ec4e21062112e0e3e58638f8e71fdf7defb0 Mon Sep 17 00:00:00 2001
From: Kurt Hutten <k.hutten@protonmail.ch>
Date: Sat, 25 Sep 2021 17:25:08 +1000
Subject: [PATCH] fix plus button z-index (#530)

The preserve-3d fix for the FF parallax broke the plus button as the
popover was always beneath the main body.

normal z-index fixes didn't apply since it was 3d z-index problem.
---
 app/web/src/layouts/MainLayout/MainLayout.css | 4 ++++
 app/web/src/layouts/MainLayout/MainLayout.js  | 4 ++--
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/app/web/src/layouts/MainLayout/MainLayout.css b/app/web/src/layouts/MainLayout/MainLayout.css
index a599de1..82552f4 100644
--- a/app/web/src/layouts/MainLayout/MainLayout.css
+++ b/app/web/src/layouts/MainLayout/MainLayout.css
@@ -1,3 +1,7 @@
 .preserve-3d-for-children * {
   transform-style: preserve-3d;
 }
+.preserve-3d-for-children {
+  transform-style: preserve-3d;
+}
+
diff --git a/app/web/src/layouts/MainLayout/MainLayout.js b/app/web/src/layouts/MainLayout/MainLayout.js
index a44b427..750c4e1 100644
--- a/app/web/src/layouts/MainLayout/MainLayout.js
+++ b/app/web/src/layouts/MainLayout/MainLayout.js
@@ -71,7 +71,7 @@ const MainLayout = ({ children, shouldRemoveFooterInIde }) => {
   }, [hash, client])
   return (
     <div
-      className="h-full flex flex-col ch-scrollbar overflow-y-scroll preserve-3d-for-children overflow-x-hidden"
+      className="h-full flex flex-col ch-scrollbar overflow-y-scroll overflow-x-hidden"
       style={{ perspective: '1px', perspectiveOrigin: 'top center' }}
     >
       <header id="cadhub-main-header">
@@ -171,7 +171,7 @@ const MainLayout = ({ children, shouldRemoveFooterInIde }) => {
         open={isLoginModalOpen}
         onClose={() => setIsLoginModalOpen(false)}
       />
-      <main className="flex-grow bg-ch-gray-800">{children}</main>
+      <main className="flex-grow bg-ch-gray-800 preserve-3d-for-children">{children}</main>
       {!shouldRemoveFooterInIde && <Footer />}
     </div>
   )