From f136930b24aaa03a5c435c6a72a310603cc7298d Mon Sep 17 00:00:00 2001
From: Vinayak Kulkarni <19776877+vinayakkulkarni@users.noreply.github.com>
Date: Wed, 25 Jan 2023 18:17:55 +0530
Subject: [PATCH] fix: issue with static images in `leaflet.css`

Signed-off-by: Vinayak Kulkarni <19776877+vinayakkulkarni@users.noreply.github.com>
---
 public/templates/data.tmpl   | 12 ++++++++++++
 public/templates/viewer.tmpl | 12 ++++++++++++
 2 files changed, 24 insertions(+)
diff --git a/public/templates/data.tmpl b/public/templates/data.tmpl
index c915013..9ecd77a 100644
--- a/public/templates/data.tmpl
+++ b/public/templates/data.tmpl
@@ -25,6 +25,18 @@
   <style>
     body { margin:0; padding:0; }
     #map { position:absolute; top:0; bottom:0; width:100%; }
+    .leaflet-control-layers-toggle {
+      background-image: url({{public_url}}images/layers.png{{&key_query}});
+      width: 36px;
+      height: 36px;
+    }
+    .leaflet-retina .leaflet-control-layers-toggle {
+      background-image: url({{public_url}}images/layers-2x.png{{&key_query}});
+      background-size: 26px 26px;
+    }
+    .leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */
+      background-image: url({{public_url}}images/marker-icon.png{{&key_query}});
+    }
   </style>
   {{/is_vector}}
 </head>
diff --git a/public/templates/viewer.tmpl b/public/templates/viewer.tmpl
index 6f27aae..816682f 100644
--- a/public/templates/viewer.tmpl
+++ b/public/templates/viewer.tmpl
@@ -15,6 +15,18 @@
   <style>
     body { margin:0; padding:0; }
     #map { position:absolute; top:0; bottom:0; width:100%; }
+    .leaflet-control-layers-toggle {
+      background-image: url({{public_url}}images/layers.png{{&key_query}});
+      width: 36px;
+      height: 36px;
+    }
+    .leaflet-retina .leaflet-control-layers-toggle {
+      background-image: url({{public_url}}images/layers-2x.png{{&key_query}});
+      background-size: 26px 26px;
+    }
+    .leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */
+      background-image: url({{public_url}}images/marker-icon.png{{&key_query}});
+    }
   </style>
 </head>
 <body>
