From 6261018591834f5129a338f1d738462d7ad50bf5 Mon Sep 17 00:00:00 2001
From: Kaz Wesley <kaz@lambdaverse.org>
Date: Wed, 21 Aug 2024 16:48:53 -0400
Subject: [PATCH] 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">
---
 app/gui2/src/components/CircularMenu.vue          | 2 +-
 app/gui2/src/components/GraphEditor/GraphNode.vue | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/app/gui2/src/components/CircularMenu.vue b/app/gui2/src/components/CircularMenu.vue
index 8bce5c09678e..dcb163f11af3 100644
--- 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
index 6c9c1db256aa..4234d475b818 100644
--- 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 {