Merge branch 'non-mesh_popups_update' into 'master'

enhancement: updated non mesh marker popups

See merge request kg6wxc/meshmap!4

scripts/map_functions.inc

@@ -649,9 +649,10 @@ function buildStationMarker($Marker)
     * Now build the marker
     */
     $markerList = "L.marker([" . $Marker['lat'] . "," . $Marker['lon'] . "], {title: '" . $Marker['name'] .
-        "', icon: " . $icon . "}).bindPopup(\" " . $Marker['name'] . "<br>" . $Marker['description'] .
-        "<br>" . $Marker['lat'] . ", " . $Marker['lon'] . "<br>TYPE: " . $Marker['type'] . "\")
-        .addTo(" . $AssignedLayer . ") ,\n";
+        "', icon: " . $icon . "}).bindPopup('<div class=\"popupTabs-nonmesh\">" . $Marker['name'] .
+        "<div class=\"popupTab\"><div class=\"popupTabContent-fw\">" .
+        $Marker['name'] . "<br>" . $Marker['description'] .
+        "<br>" . $Marker['lat'] . ", " . $Marker['lon'] . "<br>TYPE: " . $Marker['type'] . "</div></div></div>').addTo(" . $AssignedLayer . ") ,\n";
 
     return $markerList;
 }

webpage/css/meshmap-default.css

@@ -316,6 +316,15 @@ MAP_DETAILS {
     border-top-right-radius: 15px;
     border-top-left-radius: 15px;
 }
+.popupTabs-nonmesh {
+	position: relative;
+	min-height: 250px;
+	color: white;
+	font-weight: 900;
+	text-align: center;
+	clear: both;
+	margin: 18px 0;
+}
 .popupTab:target {
 	display: block;
 }
\ No newline at end of file