up

theosanderson · Sep 12, 2023 · 7d1c6d3 · 7d1c6d3
1 parent d6be3e1
commit 7d1c6d3
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 3 deletions.
diff --git 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
@@ -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
@@ -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
@@ -169,7 +169,7 @@ const useLayers = ({
     onHover: (info) => setHoverInfo(info),
     modelMatrix: modelMatrix,
     updateTriggers: {
-      getFillColor: [detailed_data, getNodeColorField],
+      getFillColor: [detailed_data, getNodeColorField,colorHook],
       getPosition: [xType],
     },
   };