From 66887e37103591586c2b002594f2f79602e71d25 Mon Sep 17 00:00:00 2001
From: Catalin Mititiuc
Date: Sun, 19 May 2024 12:10:00 -0700
Subject: Change attacker color from green to blue; change trace color
---
public/assets/css/map.css | 18 +++++++++---------
public/assets/css/style.css | 6 +++---
src/modules/game/soldier.js | 2 +-
3 files changed, 13 insertions(+), 13 deletions(-)
diff --git a/public/assets/css/map.css b/public/assets/css/map.css
index 3ff213e..6e48f59 100644
--- a/public/assets/css/map.css
+++ b/public/assets/css/map.css
@@ -39,7 +39,7 @@ polyline {
}
polyline.move-trace {
- stroke: white;
+ stroke: gray;
stroke-dasharray: 2;
}
@@ -104,7 +104,7 @@ g[data-allegiance="defender"].clone {
}
g[data-allegiance="attacker"].clone {
- fill: rgb(130, 190, 130);
+ fill: rgb(126, 126, 255);
}
text.counter, #troop-counter text {
@@ -124,7 +124,7 @@ polygon.firing-arc[data-allegiance="defender"] {
}
polygon.firing-arc[data-allegiance="attacker"] {
- fill: green;
+ fill: blue;
}
#shapes {
@@ -209,7 +209,7 @@ g.selected use[href="#counter-base"] {
}
.counter[data-allegiance="attacker"] {
- fill: green;
+ fill: blue;
}
.counter[data-allegiance="defender"] {
@@ -390,7 +390,6 @@ g[data-y="76"] { --i: 76; }
transform: scale(0.9);
}
-
.floor {
fill: white;
}
@@ -400,7 +399,7 @@ g[data-y="76"] { --i: 76; }
}
.furniture {
- fill: violet;
+ fill: lightseagreen;
}
.building path.walls {
@@ -412,16 +411,17 @@ g[data-y="76"] { --i: 76; }
stroke-linecap: square;
}
-.building .windows, .building .doors, .building .door-edges {
+.building .windows, .building .door-edges {
stroke-width: 2.5px;
}
.building .windows, .building .door-edges {
- stroke: lightseagreen;
+ stroke: orange;
}
.building .doors {
- stroke: orange;
+ stroke: white;
+ stroke-width: 2.25
}
#test-arcs line, #test-arcs polyline {
diff --git a/public/assets/css/style.css b/public/assets/css/style.css
index 2888841..9d5afb5 100644
--- a/public/assets/css/style.css
+++ b/public/assets/css/style.css
@@ -272,7 +272,7 @@ polygon.firing-arc[data-allegiance="defender"] {
}
polygon.firing-arc[data-allegiance="attacker"] {
- fill: green;
+ fill: blue;
}
#shapes {
@@ -307,7 +307,7 @@ button.set-firing-arc img {
}
.soldier-record[data-allegiance="attacker"] [slot="troop-number"] svg {
- fill: green;
+ fill: blue;
}
.soldier-record[data-allegiance="defender"] [slot="troop-number"] svg {
@@ -335,7 +335,7 @@ button.set-firing-arc img {
}
.soldier-record[data-allegiance="attacker"] [slot="troop-number"] img {
- fill: green;
+ fill: blue;
}
.soldier-record.selected {
diff --git a/src/modules/game/soldier.js b/src/modules/game/soldier.js
index ffb902b..fb0a559 100644
--- a/src/modules/game/soldier.js
+++ b/src/modules/game/soldier.js
@@ -80,7 +80,7 @@ export function handleTrace(svg, selected, clone, current) {
if (!trace) {
trace = createTrace(getCellPosition(clone.parentElement), current, selected);
- svg.querySelector('.gameboard').prepend(trace);
+ svg.querySelector('.grid').before(trace);
} else {
const points = `${trace.getAttribute('points')} ${current.x},${current.y}`;
trace.setAttributeNS(null, 'points', points);
--
cgit v1.2.3