fix: make sure axis-tool is hidden behind details panel/button and bu…

…mp Reveal to 4.21.2 (#4887)

* fix(react-components): make sure axis-tool is hidden behind details panel/button

* chore: bump Reveal to 4.21.2

react-components/src/components/Image360Details/Image360Details.tsx

@@ -92,4 +92,5 @@ const Image360HistoricalPanel = styled.div<{ isExpanded: boolean }>`
   min-width: 100%;
   transition: transform 0.25s ease-in-out;
   transform: ${({ isExpanded }) => (isExpanded ? 'translateY(0)' : 'translateY(100%)')};
+  z-index: 100;
 `;

viewer/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cognite/reveal",
-  "version": "4.21.1",
+  "version": "4.21.2",
   "description": "WebGL based 3D viewer for CAD and point clouds processed in Cognite Data Fusion.",
   "homepage": "https://github.com/cognitedata/reveal/tree/master/viewer",
   "repository": {

viewer/packages/tools/src/AxisGizmo/AxisGizmoTool.ts

@@ -444,7 +444,7 @@ function initializeStyle(element: HTMLElement, options: AxisGizmoOptions) {
     return;
   }
   style.position = 'absolute';
-  style.zIndex = '1000';
+  style.zIndex = '1';
   style.width = style.height = options.size + 'px';
   const xMargin = options.xMargin + 'px';
   const yMargin = options.yMargin + 'px';