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

Place trooper counter under other counters

Browse Source
This commit is contained in:
Catalin Constantin Mititiuc 2025-06-16 22:41:33 -07:00
parent 05e74bc33e
commit 0fa99dd283
2 changed files with 8 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -265,12 +265,6 @@ g[data-y]:nth-child(odd) {
transform: scale(var(--scale)); 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,*/
/*[data-q][data-r][data-s][data-t] g.counter .troop-number,*/ /*[data-q][data-r][data-s][data-t] g.counter .troop-number,*/
/*[data-q][data-r][data-s][data-t] g.counter .squad-number {*/ /*[data-q][data-r][data-s][data-t] g.counter .squad-number {*/
@ -498,6 +492,12 @@ text.elevation {
fill: black; fill: black;
} }
.grid-top:hover use[href="#hex"] {
opacity: 1;
fill: orange;
stroke: black;
}
use[class^="counter-"] { use[class^="counter-"] {
transform: scale(var(--scale)) translate(var(--translateX), var(--translateY)); transform: scale(var(--scale)) translate(var(--translateX), var(--translateY));
transition: transform 0.25s; transition: transform 0.25s;
@ -509,21 +509,16 @@ g.counter use[class^="counter-"] {
--translateY: var(--y); --translateY: var(--y);
} }
[data-q][data-r][data-s][data-t] > use[class^="counter-"], [data-q][data-r][data-s][data-t] > use[class^="counter-"] {
.grid-top .container > use[class^="counter-"] {
--translateX: calc(var(--x) / 6 - 5px); --translateX: calc(var(--x) / 6 - 5px);
--translateY: calc(var(--y) / 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-"] { .grid-top .container > g.counter ~ use[class^="counter-"] {
--translateX: calc(var(--x) * 2 - 5px); --translateX: calc(var(--x) * 2 - 5px);
--translateY: calc(var(--y) * 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-"] { .grid-top .container > use[class^="counter-"] {
--translateX: calc(var(--x) * 1.5 - 5px); --translateX: calc(var(--x) * 1.5 - 5px);
--translateY: calc(var(--y) * 1.5 - 5px); --translateY: calc(var(--y) * 1.5 - 5px);

2
src/modules/gameboard.js
View File

@ -248,7 +248,7 @@ export function start(el) {
} else if (toPlace && !occupant) { } else if (toPlace && !occupant) {
//soldier.place(svg, toPlace, this); //soldier.place(svg, toPlace, this);
top.collection.set(toPlace, { parent: top.cell }); top.collection.set(toPlace, { parent: top.cell });
top.container.append(toPlace); top.container.prepend(toPlace);
//toPlace.removeEventListener('click', selectOffBoard); //toPlace.removeEventListener('click', selectOffBoard);
placing.push(toPlace); placing.push(toPlace);
//getLockedSightLine(svg) ? updateSightLine(this) : clearSightLine(); //getLockedSightLine(svg) ? updateSightLine(this) : clearSightLine();