From 5ed9b3518b71fb42ff4ed2e54b46b79315b52e5f Mon Sep 17 00:00:00 2001
From: Eugene Burmakin <iamfrey@gmail.com>
Date: Tue, 26 Nov 2024 20:27:16 +0100
Subject: [PATCH] Add hover reaction to photos in the map

---
 app/javascript/controllers/maps_controller.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/app/javascript/controllers/maps_controller.js b/app/javascript/controllers/maps_controller.js
index 1f21e465..97b0a134 100644
--- a/app/javascript/controllers/maps_controller.js
+++ b/app/javascript/controllers/maps_controller.js
@@ -894,9 +894,11 @@ export default class extends Controller {
     const immich_photo_link = `${this.userSettings.immich_url}/search?query=${encodedQuery}`;
     const popupContent = `
       <div class="max-w-xs">
-        <a href="${immich_photo_link}" target="_blank">
+        <a href="${immich_photo_link}" target="_blank" onmouseover="this.firstElementChild.style.boxShadow = '0 4px 8px rgba(0, 0, 0, 0.3)';"
+   onmouseout="this.firstElementChild.style.boxShadow = '';">
           <img src="${thumbnailUrl}"
               class="w-8 h-8 mb-2 rounded"
+              style="transition: box-shadow 0.3s ease;"
               alt="${photo.originalFileName}">
         </a>
         <h3 class="font-bold">${photo.originalFileName}</h3>