diff --git a/src/clientSideScene/ClientSideSceneComp.tsx b/src/clientSideScene/ClientSideSceneComp.tsx
index 4ca9d9852..7933b9266 100644
--- a/src/clientSideScene/ClientSideSceneComp.tsx
+++ b/src/clientSideScene/ClientSideSceneComp.tsx
@@ -179,10 +179,7 @@ const Overlays = () => {
// Set a large zIndex, the overlay for hover dropdown menu on line segments needs to render
// over the length labels on the line segments
return (
-
+
{Object.entries(context.segmentOverlays)
.flatMap((a) =>
a[1].map((b) => ({ pathToNodeString: a[0], overlay: b }))
diff --git a/src/clientSideScene/sceneInfra.ts b/src/clientSideScene/sceneInfra.ts
index ffc21ef4f..04347ca2b 100644
--- a/src/clientSideScene/sceneInfra.ts
+++ b/src/clientSideScene/sceneInfra.ts
@@ -291,6 +291,7 @@ export class SceneInfra {
this.labelRenderer.domElement.style.position = 'absolute'
this.labelRenderer.domElement.style.top = '0px'
this.labelRenderer.domElement.style.pointerEvents = 'none'
+ this.labelRenderer.domElement.className = 'z-sketchSegmentIndicators'
window.addEventListener('resize', this.onWindowResize)
this.camControls = new CameraControls(
diff --git a/tailwind.config.js b/tailwind.config.js
index 3ed922086..1db35dac1 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -43,6 +43,21 @@ module.exports = {
'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
sans-serif`,
},
+ /**
+ * We want the z-index of major UI areas
+ * to be consolidated in this one spot,
+ * so we can make sure they coordinate.
+ */
+ zIndex: {
+ // TODO change use of `z-` to use these instead
+ // underlay: '-1',
+ // tooltip: '1',
+ // commandBar: '2',
+ // modal: '3',
+ sketchSegmentIndicators: '5',
+ sketchOverlayDropdown: '6',
+ // top: '99',
+ },
},
},
darkMode: 'class',