From d2e80b341c323d56c6955decc2c4f8ae38228580 Mon Sep 17 00:00:00 2001
From: Catalin Mititiuc
Date: Sun, 28 Jul 2024 12:05:42 -0700
Subject: Place trooper counter under other counters
---
public/assets/css/map.css | 19 +++++++------------
1 file changed, 7 insertions(+), 12 deletions(-)
(limited to 'public')
diff --git a/public/assets/css/map.css b/public/assets/css/map.css
index dfdc08b..7d7de6f 100644
--- a/public/assets/css/map.css
+++ b/public/assets/css/map.css
@@ -265,12 +265,6 @@ g[data-y]:nth-child(odd) {
transform: scale(var(--scale));
}
-.grid-top:hover use[href="#hex"] {
- opacity: 1;
- fill: orange;
- stroke: black;
-}
-
/*[data-q][data-r][data-s][data-t] g.counter,*/
/*[data-q][data-r][data-s][data-t] g.counter .troop-number,*/
/*[data-q][data-r][data-s][data-t] g.counter .squad-number {*/
@@ -498,6 +492,12 @@ text.elevation {
fill: black;
}
+.grid-top:hover use[href="#hex"] {
+ opacity: 1;
+ fill: orange;
+ stroke: black;
+}
+
use[class^="counter-"] {
transform: scale(var(--scale)) translate(var(--translateX), var(--translateY));
transition: transform 0.25s;
@@ -509,21 +509,16 @@ g.counter use[class^="counter-"] {
--translateY: var(--y);
}
-[data-q][data-r][data-s][data-t] > use[class^="counter-"],
-.grid-top .container > use[class^="counter-"] {
+[data-q][data-r][data-s][data-t] > 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 .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 .container > use[class^="counter-"] {
--translateX: calc(var(--x) * 1.5 - 5px);
--translateY: calc(var(--y) * 1.5 - 5px);
--
cgit v1.2.3