Skip to content

Commit d2b611d

Browse files
committed
fix(debug): Stop panel intercepting clicks in transparent parts
1 parent 0f7ca36 commit d2b611d

2 files changed

Lines changed: 5 additions & 9 deletions

File tree

src/client/debug/Debug.svelte

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -105,7 +105,7 @@
105105
}
106106
107107
.closer {
108-
left: 175px;
108+
left: -326px;
109109
}
110110
111111
/* Rotate chevron icon on toggle. */

src/client/debug/Menu.svelte

Lines changed: 4 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -8,20 +8,16 @@
88

99
<style>
1010
.menu {
11-
/**
12-
* 1. Rotate menu 90 degrees, so it runs vertically.
13-
* 2. Move menu up by height + border.
14-
* Because of the rotation, this is equivalent to moving left.
15-
* 3. Move menu left (equivalent to down), to leave space above it for show/hide toggle.
16-
*/
1711
display: flex;
12+
margin-top: 43px;
1813
flex-direction: row-reverse;
1914
border: 1px solid #ccc;
2015
border-radius: 5px 5px 0 0;
2116
height: 25px;
2217
line-height: 25px;
23-
transform-origin: top right;
24-
transform: /* 1 */ rotate(-90deg) /* 2 */ translateY(-27px) /* 3 */ translateX(-70px);
18+
margin-right: -500px;
19+
transform-origin: bottom right;
20+
transform: rotate(-90deg) translate(0, -500px);
2521
}
2622
2723
.menu-item {

0 commit comments

Comments
 (0)