fix(debug): Stop panel intercepting clicks in transparent parts

boardgameio · Aug 26, 2021 · d2b611d · d2b611d
1 parent 0f7ca36
commit d2b611d
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 9 deletions.
diff --git a/src/client/debug/Debug.svelte b/src/client/debug/Debug.svelte
@@ -105,7 +105,7 @@
   }
 
   .closer {
-    left: 175px;
+    left: -326px;
   }
 
   /* Rotate chevron icon on toggle. */

diff --git a/src/client/debug/Menu.svelte b/src/client/debug/Menu.svelte
@@ -8,20 +8,16 @@
 
 <style>
   .menu {
-    /**
-     * 1. Rotate menu 90 degrees, so it runs vertically.
-     * 2. Move menu up by height + border.
-     *    Because of the rotation, this is equivalent to moving left.
-     * 3. Move menu left (equivalent to down), to leave space above it for show/hide toggle.
-     */
     display: flex;
+    margin-top: 43px;
     flex-direction: row-reverse;
     border: 1px solid #ccc;
     border-radius: 5px 5px 0 0;
     height: 25px;
     line-height: 25px;
-    transform-origin: top right;
-    transform: /* 1 */ rotate(-90deg) /* 2 */ translateY(-27px) /* 3 */ translateX(-70px);
+    margin-right: -500px;
+    transform-origin: bottom right;
+    transform: rotate(-90deg) translate(0, -500px);
   }
 
   .menu-item {