style(#47): 🎨 moved stylings to .css

TDT4290-group-4 · Nov 5, 2025 · 7d2fb71 · 7d2fb71
1 parent e382e64
commit 7d2fb71
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 7 deletions.
diff --git a/src/MeasurementControl/measurementsPanel.css b/src/MeasurementControl/measurementsPanel.css
@@ -322,3 +322,14 @@
   white-space: nowrap;
   z-index: 2100;
 }
+
+/* Container overlay for on-canvas measurement labels. */
+.measurement-label-overlay {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  pointer-events: none;
+  z-index: 2000;
+}
diff --git a/src/MeasurementControl/measurementsPanel.js b/src/MeasurementControl/measurementsPanel.js
@@ -75,13 +75,7 @@ export function initMeasurementsPanel(viewer) {
   if (renderArea) {
     overlay = document.createElement('div')
     overlay.id = 'measurement_label_overlay'
-    overlay.style.position = 'absolute'
-    overlay.style.left = '0'
-    overlay.style.top = '0'
-    overlay.style.width = '100%'
-    overlay.style.height = '100%'
-    overlay.style.pointerEvents = 'none'
-    overlay.style.zIndex = '2000'
+    overlay.classList.add('measurement-label-overlay')
     renderArea.appendChild(overlay)
   }
   const listDivider = document.createElement('div')