fixed compare tool layer order in demo testbed

liabru · Feb 11, 2024 · 0cc4d96 · 0cc4d96
1 parent b3e28de
commit 0cc4d96
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/demo/index.html b/demo/index.html
@@ -46,6 +46,7 @@
       .matter-js-compare-build.matter-demo canvas {
         opacity: 0.5;
         background: transparent !important;
+        z-index: 25 !important;
       }
     </style>
   </head>

diff --git a/demo/src/index.ejs b/demo/src/index.ejs
@@ -35,17 +35,22 @@
         width: 100%;
         height: 100%;
         border: 0;
-        z-index: 1;
         pointer-events: none;
       }
 
       .matter-js-compare-build.matter-demo .matter-header-outer {
         display: none;
       }
 
+      .matter-js.dev.matter-demo canvas {
+        background: transparent !important;
+        z-index: 20;
+      }
+
       .matter-js-compare-build.matter-demo canvas {
         opacity: 0.5;
         background: transparent !important;
+        z-index: 15 !important;
       }
 
       @media only screen and (min-width: 1300px) {
@@ -54,6 +59,11 @@
           position: relative;
           z-index: 20;
         }
+
+        .matter-js-compare-build.matter-demo canvas {
+          position: relative;
+          z-index: 15;
+        }
       }
     </style>
   </head>