From 4d133b7181241adca3867afae721eb0962e4e645 Mon Sep 17 00:00:00 2001
From: Catalin Mititiuc
Date: Mon, 20 May 2024 09:07:16 -0700
Subject: Add weapon icons to record sheet
---
public/assets/css/style.css | 26 ++++++++++++--------------
1 file changed, 12 insertions(+), 14 deletions(-)
(limited to 'public/assets/css/style.css')
diff --git a/public/assets/css/style.css b/public/assets/css/style.css
index 9d5afb5..3e6842f 100644
--- a/public/assets/css/style.css
+++ b/public/assets/css/style.css
@@ -196,8 +196,10 @@ g#grid {
transform: rotate(180deg);
}
-#counter-base {
- r: inherit;
+.weapon-symbol :not(use[href="#counter-base"]) {
+ stroke: white;
+ stroke-width: 0.75;
+ fill: none;
}
g.troop-counter-template, g.troop-counter-template use {
@@ -306,22 +308,26 @@ button.set-firing-arc img {
background-color: white;
}
-.soldier-record[data-allegiance="attacker"] [slot="troop-number"] svg {
+.soldier-record span[slot] {
+ margin-right: .4em;
+}
+
+.soldier-record[data-allegiance="attacker"] svg {
fill: blue;
}
-.soldier-record[data-allegiance="defender"] [slot="troop-number"] svg {
+.soldier-record[data-allegiance="defender"] svg {
fill: red;
}
-.soldier-record [slot="troop-number"] svg {
+.soldier-record svg {
width: 20px;
height: 20px;
background-color: initial;
vertical-align: middle;
}
-.soldier-record [slot="troop-number"] svg text {
+.soldier-record svg text {
fill: white;
text-anchor: middle;
font-size: 10px;
@@ -330,14 +336,6 @@ button.set-firing-arc img {
font-family: monospace;
}
-.soldier-record[data-allegiance="defender"] [slot="troop-number"] img {
- fill: red;
-}
-
-.soldier-record[data-allegiance="attacker"] [slot="troop-number"] img {
- fill: blue;
-}
-
.soldier-record.selected {
background-color: khaki;
}
--
cgit v1.2.3