peterstockings/workout
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix issue where hovering over a graph would show highlight on all graphs

Browse Source
This commit is contained in:
Peter Stockings
2023-12-10 23:55:53 +11:00
parent 8904d198ed
commit 042d895161
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
templates/partials/sparkline.html
View File

@@ -38,10 +38,10 @@
{% set unique_id = parts|join('-') %} {% set unique_id = parts|join('-') %}
<div class="relative" id="svg-plot-{{ unique_id }}" _=" <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 }} put event.target @data-msg into #popover-{{ unique_id }}
then remove .hidden from #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 }}"> 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"> <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 --> <!-- Popover content will be dynamically inserted here -->
@@ -65,7 +65,7 @@
y="{{ y | int }}" y="{{ y | int }}"
width="{{ width | int }}" width="{{ width | int }}"
height="{{ height | int }}" height="{{ height | int }}"
class="plot_point" class="pnt-{{ unique_id }}"
data-msg="{{ message }}"></rect> data-msg="{{ message }}"></rect>
{% endfor %} {% endfor %}
</g> </g>