Fix circular menu z-index and position (#10867)

Dropdown now covers circular menu (fixes issue from #10666). <img width="295" alt="Screenshot 2024-08-21 at 07 59 24" src="https://github.com/user-attachments/assets/9793b185-a575-4a05-8964-da35c26fecc9">
enso-org · Aug 21, 2024 · 6261018 · 6261018
1 parent 835aebd
commit 6261018
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/app/gui2/src/components/CircularMenu.vue b/app/gui2/src/components/CircularMenu.vue
@@ -111,7 +111,7 @@ function readableBinding(binding: keyof (typeof graphBindings)['bindings']) {
 .CircularMenu {
   position: absolute;
   left: -36px;
-  top: -36px;
+  bottom: -36px;
   width: var(--outer-diameter);
   height: var(--outer-diameter);
   user-select: none;

diff --git a/app/gui2/src/components/GraphEditor/GraphNode.vue b/app/gui2/src/components/GraphEditor/GraphNode.vue
@@ -625,6 +625,9 @@ watchEffect(() => {
 
 .CircularMenu {
   z-index: 25;
+  &.partial {
+    z-index: 1;
+  }
 }
 
 .beforeNode {