From 7d1c6d34bc25d95b5b7dfdf3534e3babaf22c93b Mon Sep 17 00:00:00 2001
From: Theo Sanderson <theo@theo.io>
Date: Tue, 12 Sep 2023 21:33:35 +0100
Subject: [PATCH] up

---
 taxonium_component/src/components/ColorSettingModal.jsx | 6 ++++++
 taxonium_component/src/components/DeckButtons.jsx       | 2 +-
 taxonium_component/src/components/DeckSettingsModal.jsx | 8 +++++++-
 taxonium_component/src/hooks/useLayers.jsx              | 2 +-
 4 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/taxonium_component/src/components/ColorSettingModal.jsx b/taxonium_component/src/components/ColorSettingModal.jsx
index b1410794..b856aee6 100644
--- a/taxonium_component/src/components/ColorSettingModal.jsx
+++ b/taxonium_component/src/components/ColorSettingModal.jsx
@@ -12,7 +12,13 @@ const modalStyle = {
     borderRadius: "8px",
     padding: "20px",
     maxWidth: "400px",
+    
   },
+  overlay: {
+    backgroundColor: "rgba(100, 100, 100, 0.3)",
+    zIndex: 1000,
+
+  }
 };
 
 const ColorSettingModal = ({ isOpen, setIsOpen, color, setColor, title }) => {
diff --git a/taxonium_component/src/components/DeckButtons.jsx b/taxonium_component/src/components/DeckButtons.jsx
index 27adc5f6..b1fa96cb 100644
--- a/taxonium_component/src/components/DeckButtons.jsx
+++ b/taxonium_component/src/components/DeckButtons.jsx
@@ -44,7 +44,7 @@ export const DeckButtons = ({
         position: "absolute",
         right: "0em",
         bottom: "0em",
-        zIndex: 10,
+        zIndex: 2,
         pointerEvents: "none",
       }}
       className="flex flex-col items-end"
diff --git a/taxonium_component/src/components/DeckSettingsModal.jsx b/taxonium_component/src/components/DeckSettingsModal.jsx
index 1514c798..cd356488 100644
--- a/taxonium_component/src/components/DeckSettingsModal.jsx
+++ b/taxonium_component/src/components/DeckSettingsModal.jsx
@@ -14,7 +14,13 @@ const settingsModalStyle = {
     borderRadius: "8px",
     padding: "20px",
     maxWidth: "700px",
-  },
+  }
+  ,
+  overlay: {
+    backgroundColor: "rgba(100, 100, 100, 0.3)",
+    zIndex: 1000,
+
+  }
 };
 
 const prettifyMutationTypes = {
diff --git a/taxonium_component/src/hooks/useLayers.jsx b/taxonium_component/src/hooks/useLayers.jsx
index 2f95c6d7..5f86b328 100644
--- a/taxonium_component/src/hooks/useLayers.jsx
+++ b/taxonium_component/src/hooks/useLayers.jsx
@@ -169,7 +169,7 @@ const useLayers = ({
     onHover: (info) => setHoverInfo(info),
     modelMatrix: modelMatrix,
     updateTriggers: {
-      getFillColor: [detailed_data, getNodeColorField],
+      getFillColor: [detailed_data, getNodeColorField,colorHook],
       getPosition: [xType],
     },
   };