Merge pull request #257 from IGNF/fix/248-scalebar-over-tooltip

fix(scalebar): surcharge ol pour passer l'echelle sous les tooltips

package.json

@@ -1,8 +1,8 @@
 {
   "name": "geopf-extensions-openlayers",
   "description": "French Geoportal Extensions for OpenLayers libraries",
-  "version": "1.0.0-beta.0-251",
-  "date": "05/11/2024",
+  "version": "1.0.0-beta.0-257",
+  "date": "14/11/2024",
   "module": "src/index.js",
   "directories": {},
   "engines": {

samples-src/pages/tests/Default/pages-ol-modules-dsrf-default.html

@@ -69,7 +69,13 @@ <h2>Ajout de tous les widgets</h2>
 
 {{#content "js"}}
             <script type="text/javascript">
-
+              const scaleControl = new ol.control.ScaleLine({
+                  units: 'metric',
+                  bar: true,
+                  steps: 4,
+                  text: true,
+                  minWidth: 140,
+              });
               var createMap = function () {
                 // on cache l'image de chargement du Géoportail.
                 document.getElementById("map").style.backgroundImage = "none";
@@ -88,6 +94,9 @@ <h2>Ajout de tous les widgets</h2>
                   })
                 });
 
+
+                map.addControl(scaleControl);
+
                 var catalog = new ol.control.Catalog({
                   draggable: true,
                   position : "top-left"

src/packages/CSS/DSFRgeneralWidget.css

@@ -508,6 +508,7 @@
   border-bottom: 1px dotted #666;
 }
 
+/* surcharge css OpenLayers */
 .ol-disabled {
   --idle: transparent;
   --hover: var(--background-disabled-grey-hover);
@@ -519,6 +520,10 @@
   display: block;
 }
 
+.ol-scale-bar, .ol-scale-line {
+  z-index: -1;
+}
+
 /* surcharge DSFR pour coller aux règles et au rendu de https://www.systeme-de-design.gouv.fr/composants-et-modeles/composants/accordeon/ */
 /* FIXME: pourquoi on a besoin de faire ça ?? normalement ces règles devraient être importées avec le reste... */
 .fr-collapse {