From 08722d59354ad70e57ce36cadbb8203805a416b9 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Tue, 21 Jan 2025 19:10:35 +0200
Subject: [PATCH] feat(geomap): add shadow to marker

---
 src/public/app/widgets/type_widgets/geo_map.ts | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/public/app/widgets/type_widgets/geo_map.ts b/src/public/app/widgets/type_widgets/geo_map.ts
index 94f1b1c81..e2321b4c4 100644
--- a/src/public/app/widgets/type_widgets/geo_map.ts
+++ b/src/public/app/widgets/type_widgets/geo_map.ts
@@ -33,6 +33,13 @@ const TPL = `\
             border: 0;
         }
 
+        .geo-map-container .leaflet-div-icon .icon-shadow {
+            position: absolute;
+            top: 0;
+            left: 0;
+            z-index: -1;
+        }
+
         .geo-map-container .leaflet-div-icon span {
             position: absolute;
             top: 3px;
@@ -153,7 +160,8 @@ export default class GeoMapTypeWidget extends TypeWidget {
             const [ lat, lng ] = latLng.split(",", 2).map((el) => parseFloat(el));
             const icon = L.divIcon({
                 html: `\
-                    <img src="${asset_path}/node_modules/leaflet/dist/images/marker-icon.png" />
+                    <img class="icon" src="${asset_path}/node_modules/leaflet/dist/images/marker-icon.png" />
+                    <img class="icon-shadow" src="${asset_path}/node_modules/leaflet/dist/images/marker-shadow.png" />
                     <span class="bx ${childNote.getIcon()}"></span>
                 `,
                 iconSize: [ 25, 41 ],