Increase z-index for bottom controls to ensure proper layering and interaction
This commit is contained in:
@@ -2501,7 +2501,7 @@ function App({ container_id, imageStacks, autoCacheStack, annotationJson, viewer
|
|||||||
position: "absolute",
|
position: "absolute",
|
||||||
right: 8,
|
right: 8,
|
||||||
bottom: 8,
|
bottom: 8,
|
||||||
zIndex: 10,
|
zIndex: 110, // above the bottom study selector (zIndex:20)
|
||||||
pointerEvents: "auto", // <-- ensure pointer events are enabled
|
pointerEvents: "auto", // <-- ensure pointer events are enabled
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
@@ -2550,7 +2550,7 @@ function App({ container_id, imageStacks, autoCacheStack, annotationJson, viewer
|
|||||||
padding: "6px 0 6px 0",
|
padding: "6px 0 6px 0",
|
||||||
display: "flex",
|
display: "flex",
|
||||||
flexDirection: "column",
|
flexDirection: "column",
|
||||||
zIndex: 11,
|
zIndex: 111,
|
||||||
pointerEvents: "auto", // <-- ensure pointer events are enabled
|
pointerEvents: "auto", // <-- ensure pointer events are enabled
|
||||||
}}
|
}}
|
||||||
onClick={e => e.stopPropagation()} // <-- prevent bubbling to viewport
|
onClick={e => e.stopPropagation()} // <-- prevent bubbling to viewport
|
||||||
|
|||||||
Reference in New Issue
Block a user