feat: update galleries on resize (with smooth animations this time)

1 files changed, 14 insertions, 2 deletions

diff --git a/views/pages/blog-page.html b/views/pages/blog-page.html
index 83860d7..d685fda 100644
--- a/views/pages/blog-page.html
+++ b/views/pages/blog-page.html
@@ -12,6 +12,10 @@
         height: 100% !important;
     }
 </style>
+
+<script>
+    const galleryMap = new Map();
+</script>
 {{ end }}
 
 {{ define "body" }}
@@ -70,10 +74,18 @@
         {{ .MapLocationAreaMeters }}
     )});
 
+    let resizeTimeout;
     window.addEventListener('resize', function() {
-        setTimeout(() => {
+        clearTimeout(resizeTimeout);
+        resizeTimeout = setTimeout(() => {
             map.invalidateSize();
-        }, 100);
+            var oldGalleryMap = new Map(galleryMap);
+            oldGalleryMap.forEach((createFunc, g, map) => {
+                galleryMap.delete(g);
+                g.destroy();
+                createFunc();
+            });
+        }, 300);
     });
 </script>
 {{- end }}