better cursor on map

src/assets/main.scss

@@ -20,11 +20,14 @@ body{
 
 #app>header#header{
   // background-color: $front;
+  pointer-events: none;
   .row{
     display: flex;
     flex-direction: row;
+    pointer-events: none;
     >*{
       margin-right: 1em;
+      pointer-events: all;
     }
     // &.top{
     // }
@@ -59,12 +62,15 @@ body{
   }
 
   #map-nav{
+    pointer-events: none;
     ul{
       display: flex;
       flex-flow: row;
       gap: 1em;
+      pointer-events: none;
       li{
         list-style: none;
+        pointer-events: all;
         a{
           @include btn();
         }

src/components/MapConcernements.vue

@@ -171,6 +171,11 @@ export default {
         }
         // console.log(`this.mapPopupData type: ${this.mapPopupData.type}, id: ${this.mapPopupData.id}`);
       }
+      if (this.mapPopupData) {
+        document.body.style.cursor = "pointer";
+      } else {
+        document.body.style.cursor = "auto";
+      }
     },
     onClick (e) {
       console.log('onClick', this, e);