ccm/btroops
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add troop number and squad number when creating counters

Browse Source
This commit is contained in:
Catalin Constantin Mititiuc
2024-07-02 17:18:45 -07:00
parent 3c0e59f68e
commit 5f17d5d786
5 changed files with 58 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
public/assets/css/map.css
View File

@@ -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] {