From eea1f424fccd9920b2acea3ae1cc6cc6e4321b39 Mon Sep 17 00:00:00 2001
From: Aria Minaei <aria.minaei@gmail.com>
Date: Sun, 12 Sep 2021 21:21:49 +0200
Subject: [PATCH] Minor changes

---
 .vscode/settings.json                               | 3 ++-
 packages/playground/src/space-exploration/App.tsx   | 6 +++++-
 theatre/studio/src/UIRoot/UIRoot.tsx                | 1 +
 theatre/studio/src/panels/BasePanel/PaneWrapper.tsx | 1 +
 4 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/.vscode/settings.json b/.vscode/settings.json
index 1cbee28..c1f5657 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -21,5 +21,6 @@
   },
   "eslint.run": "onSave",
   "eslint.lintTask.enable": true,
-  "eslint.lintTask.options": ". --ext ts,tsx --ignore-path=.gitignore --rulesdir ./devEnv/eslint/rules"
+  "eslint.lintTask.options": ". --ext ts,tsx --ignore-path=.gitignore --rulesdir ./devEnv/eslint/rules",
+  "jest.jestCommandLine": "yarn jest"
 }
diff --git a/packages/playground/src/space-exploration/App.tsx b/packages/playground/src/space-exploration/App.tsx
index 9b57d83..74485b5 100644
--- a/packages/playground/src/space-exploration/App.tsx
+++ b/packages/playground/src/space-exploration/App.tsx
@@ -59,7 +59,11 @@ function App() {
   const [bgIndex, setBgIndex] = useState(0)
   const bg = bgs[bgIndex]
   return (
-    <div onClick={() => setBgIndex((bgIndex) => (bgIndex + 1) % bgs.length)}>
+    <div
+      onClick={() => {
+        // return setBgIndex((bgIndex) => (bgIndex + 1) % bgs.length)
+      }}
+    >
       <Canvas dpr={[1.5, 2]} linear shadows frameloop="demand">
         <SheetProvider getSheet={() => getProject('Space').sheet('Scene')}>
           <fog attach="fog" args={[bg, 16, 30]} />
diff --git a/theatre/studio/src/UIRoot/UIRoot.tsx b/theatre/studio/src/UIRoot/UIRoot.tsx
index 03503b1..900af9a 100644
--- a/theatre/studio/src/UIRoot/UIRoot.tsx
+++ b/theatre/studio/src/UIRoot/UIRoot.tsx
@@ -43,6 +43,7 @@ const Container = styled(PointerEventsHandler)`
   &.invisible {
     pointer-events: none !important;
     opacity: 0;
+    transform: translateX(1000000px);
   }
 `
 
diff --git a/theatre/studio/src/panels/BasePanel/PaneWrapper.tsx b/theatre/studio/src/panels/BasePanel/PaneWrapper.tsx
index 5fd9c3c..6e3c2b6 100644
--- a/theatre/studio/src/panels/BasePanel/PaneWrapper.tsx
+++ b/theatre/studio/src/panels/BasePanel/PaneWrapper.tsx
@@ -86,6 +86,7 @@ const ClosePanelButton = styled.button`
  */
 const F2 = styled(F2Impl)`
   position: relative;
+  overflow: hidden;
 
   &:after {
     z-index: 10;