From 042d8951611d3dea4a5d166a992c3ce776ae7437 Mon Sep 17 00:00:00 2001
From: Peter Stockings <pstockings@jadeworld.com>
Date: Sun, 10 Dec 2023 23:55:53 +1100
Subject: [PATCH] Fix issue where hovering over a graph would show highlight on
 all graphs

---
 templates/partials/sparkline.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/templates/partials/sparkline.html b/templates/partials/sparkline.html
index f07a61a..faa2914 100644
--- a/templates/partials/sparkline.html
+++ b/templates/partials/sparkline.html
@@ -38,10 +38,10 @@
 {% set unique_id = parts|join('-') %}
 
 <div class="relative" id="svg-plot-{{ unique_id }}" _="
-    on mouseover from .plot_point
+    on mouseover from .pnt-{{ unique_id }}
         put event.target @data-msg into #popover-{{ unique_id }}
         then remove .hidden from #popover-{{ unique_id }}
-    on mouseout from .plot_point
+    on mouseout from .pnt-{{ unique_id }}
         add .hidden to #popover-{{ unique_id }}">
     <div id="popover-{{ unique_id }}" class="absolute t-0 r-0 hidden bg-white border border-gray-300 p-2 z-10">
     <!-- Popover content will be dynamically inserted here -->
@@ -65,7 +65,7 @@
             y="{{ y | int }}" 
             width="{{ width | int }}" 
             height="{{ height | int }}"
-            class="plot_point"
+            class="pnt-{{ unique_id }}"
             data-msg="{{ message }}"></rect>
         {% endfor %}
         </g>