From 5f17d5d786af74bb7b6bd6f99bcd0ccfab4fc9d5 Mon Sep 17 00:00:00 2001
From: Catalin Mititiuc
Date: Tue, 2 Jul 2024 17:18:45 -0700
Subject: Add troop number and squad number when creating counters
---
public/assets/css/map.css | 21 +++++++++++++--------
1 file changed, 13 insertions(+), 8 deletions(-)
(limited to 'public/assets/css')
diff --git a/public/assets/css/map.css b/public/assets/css/map.css
index 4c3c9a2..7eb87f8 100644
--- a/public/assets/css/map.css
+++ b/public/assets/css/map.css
@@ -177,15 +177,15 @@ g.counter use {
}
g.counter use.troop-number, g.counter use.squad-number {
- --scale: 0.4;
+ --scale: 0.25;
}
g.counter .troop-number {
- --translateX: -4px;
+ --translateX: -3.5px;
}
g.counter .squad-number {
- --translateX: 4px;
+ --translateX: 3.5px;
}
g.counter .troop-number, g.counter .squad-number {
@@ -242,16 +242,21 @@ g[data-y]:nth-child(odd) {
stroke: black;
}
-[data-x]:hover g.counter {
+[data-x]:hover g.counter,
+[data-q][data-r][data-s][data-t]:hover g.counter {
transform: scale(1.5);
}
-[data-x]:hover g.counter .troop-number {
- --translateX: -6px;
+[data-x]:hover g.counter .troop-number,
+[data-q][data-r][data-s][data-t]:hover g.counter .troop-number {
+ --translateX: -5px;
+ --scale: 0.5;
}
-[data-x]:hover g.counter .squad-number {
- --translateX: 6px;
+[data-x]:hover g.counter .squad-number,
+[data-q][data-r][data-s][data-t]:hover g.counter .squad-number {
+ --translateX: 5px;
+ --scale: 0.5;
}
[data-x] {
--
cgit v1.2.3