fix offsrte color picker

codemeta.json

@@ -8,8 +8,8 @@
     "dateModified": "2023-01-31",
     "issueTracker": "https://github.com/cds-astro/aladin-lite/issues",
     "name": "Aladin Lite",
-    "version": "3.7.3-beta",
-    "softwareVersion": "3.7.3-beta",
+    "version": "3.8.0-beta",
+    "softwareVersion": "3.8.0-beta",
     "description": "An astronomical HiPS visualizer in the browser.",
     "identifier": "10.5281/zenodo.7638833",
     "applicationCategory": "Astronomy, Visualization",

examples/al-multiple-instances.html

@@ -15,7 +15,7 @@
   A.init.then(() => {
       // Start up Aladin Lite
       al1 = A.aladin('#al1', {target: 'M51', fov: 0.3, survey: 'P/DSS2/color', fullScreen: false, showContextMenu: true, showShareControl: true});
-      al2 = A.aladin('#al2', {target: 'M51', fov: 180, survey: 'P/PanSTARRS/DR1/z', fullScreen: false, showContextMenu: true, showShareControl: true});
+      al2 = A.aladin('#al2', {target: 'M51', fov: 180, survey: 'P/PanSTARRS/DR1/z', showColorPickerControl: true, fullScreen: false, showContextMenu: true, showShareControl: true});
   });
 </script>
 

examples/index.html

@@ -10,7 +10,7 @@
 <script type="text/javascript">
     var aladin;
     A.init.then(() => {
-        aladin = A.aladin('#aladin-lite-div', {fullScreen: true, cooFrame: "ICRSd", showSimbadPointerControl: true, showShareControl: true, showShareControl: true, fov: 180, showContextMenu: true});
+        aladin = A.aladin('#aladin-lite-div', {fullScreen: true, showCooLocation: true, showSettingsControl: true, cooFrame: "ICRSd", showSimbadPointerControl: true, showShareControl: true, showShareControl: true, fov: 180, showContextMenu: true});
         // manage URL parameters
         const searchParams = new URL(document.location).searchParams;
         if (searchParams.has('baseImageLayer')) {

package.json

@@ -2,7 +2,7 @@
   "homepage": "https://aladin.cds.unistra.fr/",
   "name": "aladin-lite",
   "type": "module",
-  "version": "3.8.0-beta",
+  "version": "3.8.1-beta",
   "description": "An astronomical HiPS visualizer in the browser",
   "author": "Thomas Boch and Matthieu Baumann",
   "license": "GPL-3",

src/css/aladin.css

@@ -343,7 +343,6 @@
     color: #222;
 
     /* Allow scrolling but disable scroll bar */
-    height: min-content;
     width: min-content;
 
     border: var(--border-size) solid var(--border-color);

src/js/View.js

@@ -1026,8 +1026,8 @@ export let View = (function () {
                 view.colorPickerTool.domElement.style.display = "none"
             }
 
-            view.colorPickerTool.domElement.style.left = `${xymouse.x}px`;
-            view.colorPickerTool.domElement.style.top = `${xymouse.y}px`;
+            view.colorPickerTool.domElement.style.left = `${xymouse.x + view.aladin.aladinDiv.getBoundingClientRect().x}px`;
+            view.colorPickerTool.domElement.style.top = `${xymouse.y + view.aladin.aladinDiv.getBoundingClientRect().y}px`;
         }
 
         Utils.on(view.catalogCanvas, "mousemove touchmove", function (e) {

src/js/gui/Button/ColorPicker.js

@@ -46,7 +46,7 @@ export class ColorPicker extends ActionButton {
             classList: ['aladin-colorPicker-control'],
             size: 'medium',
             tooltip: {
-                content: 'A color picker tool',
+                content: 'Pixel value extractor',
                 position: { direction: 'top right' },
             },
             action(o) {
@@ -70,7 +70,7 @@ export class ColorPicker extends ActionButton {
             if (this.aladin.statusBar) {
                 this.aladin.statusBar.appendMessage({
                     id: 'colorpicker',
-                    message: 'Color picker mode, click on a pixel to copy it',
+                    message: 'Pixel value extractor, click on a pixel to copy it',
                     type: 'info'
                 })
             }