Merge pull request #145 from togostanza/fix/heatmap

fix heatmap event style
togostanza · Jun 21, 2024 · 803e9b6 · 803e9b6
2 parents 0b4a17e + 1b98483
commit 803e9b6
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 2 deletions.
diff --git a/lib/ToolTip.js b/lib/ToolTip.js
@@ -73,6 +73,7 @@ export default class ToolTip extends LitElement {
         height: 0;
         visibility: hidden;
         transition: height 0ms 250ms linear, opacity 200ms 0ms linear;
+        pointer-events: none;
       }
       .tooltip::before {
         content: "";

diff --git a/stanzas/heatmap/index.ts b/stanzas/heatmap/index.ts
@@ -214,6 +214,15 @@ export default class Heatmap extends MetaStanza {
           return setColor(numericValue);
         });
 
+        rectGroup.on("mouseenter", function () {
+          const node = select(this);
+          rectGroup.classed("-fadeout", true);
+          node.classed("-fadeout", false);
+        });
+        rectGroup.on("mouseleave", function () {
+          rectGroup.classed("-fadeout", false);
+        });
+
       // Add event listener
       rectGroup.on("click", (e, d) => {
         select(e.target).raise();

diff --git a/stanzas/heatmap/style.scss b/stanzas/heatmap/style.scss
@@ -22,9 +22,13 @@ rect {
     cursor: pointer;
   }
 
+  &.-fadeout {
+    opacity: var(--togostanza-fadeout-opacity);
+    transition: var(--togostanza-fadeout-transition);
+  }
+
   &.-selected {
-    stroke-width: 2px;
-    stroke: var(--togostanza-theme-selected_border_color);
+    opacity: 1;
   }
 }