From 165ae72ef203e65e8576bb233972d9548ec0e5f8 Mon Sep 17 00:00:00 2001
From: Catalin Mititiuc
Date: Sun, 28 Jul 2024 11:52:22 -0700
Subject: Handle clicks in grid-top cell
---
public/assets/css/map.css | 10 ++++------
public/assets/images/scenario_template.svg | 5 ++++-
2 files changed, 8 insertions(+), 7 deletions(-)
(limited to 'public')
diff --git a/public/assets/css/map.css b/public/assets/css/map.css
index 7e74efb..dfdc08b 100644
--- a/public/assets/css/map.css
+++ b/public/assets/css/map.css
@@ -265,9 +265,7 @@ g[data-y]:nth-child(odd) {
transform: scale(var(--scale));
}
-[data-x]:hover use[href="#hex"],
-[data-q][data-r][data-s][data-t]:hover use[href="#hex"],
-[data-q][data-r][data-s][data-t].hover use[href="#hex"] {
+.grid-top:hover use[href="#hex"] {
opacity: 1;
fill: orange;
stroke: black;
@@ -512,21 +510,21 @@ g.counter use[class^="counter-"] {
}
[data-q][data-r][data-s][data-t] > use[class^="counter-"],
-.grid-top > use[class^="counter-"] {
+.grid-top .container > use[class^="counter-"] {
--translateX: calc(var(--x) / 6 - 5px);
--translateY: calc(var(--y) / 6 - 5px);
}
[data-q][data-r][data-s][data-t]:hover > g.counter ~ use[class^="counter-"],
[data-q][data-r][data-s][data-t].hover > g.counter ~ use[class^="counter-"],
-.grid-top > g.counter ~ use[class^="counter-"] {
+.grid-top .container > g.counter ~ use[class^="counter-"] {
--translateX: calc(var(--x) * 2 - 5px);
--translateY: calc(var(--y) * 2 - 5px);
}
[data-q][data-r][data-s][data-t]:hover > use[class^="counter-"],
[data-q][data-r][data-s][data-t].hover > use[class^="counter-"],
-.grid-top > use[class^="counter-"] {
+.grid-top .container > use[class^="counter-"] {
--translateX: calc(var(--x) * 1.5 - 5px);
--translateY: calc(var(--y) * 1.5 - 5px);
}
diff --git a/public/assets/images/scenario_template.svg b/public/assets/images/scenario_template.svg
index ad7cba3..b6595f6 100644
--- a/public/assets/images/scenario_template.svg
+++ b/public/assets/images/scenario_template.svg
@@ -63,6 +63,9 @@
-
+
+
+
+
--
cgit v1.2.3