fix: overlay

Author: Angular2Guy

frontend/app/gs-map/gs-map.tsx

@@ -68,13 +68,16 @@ export default function GsMap(inputProps: InputProps) {
         element: element,
         offset: [-5, 0],
         positioning: 'bottom-center',
-        className: 'ol-tooltip-measure ol-tooltip .ol-tooltip-static'
+        className: 'ol-tooltip-measure ol-tooltip ol-tooltip-static'
       });
       overlay.setPosition(fromLonLat([gsValue.longitude, gsValue.latitude]));
-      const myStyle = element?.style;
-      if (!!myStyle) {
-        myStyle.display = 'block';
-      }
+      const myStyle1 = element?.style;
+      if (!!myStyle1) {
+        myStyle1.display = 'block';
+      }           
+      if(element?.classList) {
+        element.classList.add(myStyle['gsTooltip']);
+      }       
       //map.addOverlay(overlay);                 
       addPins(gsValue, element, index);
       return overlay;

frontend/app/gs-map/gsmap.module.css

@@ -22,7 +22,7 @@
 }
 
 
-.ol-tooltip {
+.gsTooltip {
     position: relative;
     background: #ffcc33;
     border-radius: 4px;