From ea2ff860fa53620491385685330e99c71ffc7581 Mon Sep 17 00:00:00 2001
From: Catalin Mititiuc
Date: Thu, 18 Apr 2024 19:13:37 -0700
Subject: Use checkboxes for grenades
---
public/style.css | 33 +++++++++++++++++++++++++--------
1 file changed, 25 insertions(+), 8 deletions(-)
(limited to 'public/style.css')
diff --git a/public/style.css b/public/style.css
index 167254b..00d9d74 100644
--- a/public/style.css
+++ b/public/style.css
@@ -355,19 +355,36 @@ button.set-firing-arc img {
background-color: white;
}
-.soldier-record [slot="troop-number"] {
- color: white;
+.soldier-record[data-troop-allegiance="liao"] [slot="troop-number"] svg {
+ fill: green;
+}
+
+.soldier-record[data-troop-allegiance="davion"] [slot="troop-number"] svg {
+ fill: red;
+}
+
+.soldier-record [slot="troop-number"] svg {
+ width: 20px;
+ height: 20px;
+ background-color: initial;
+ vertical-align: middle;
+}
+
+.soldier-record [slot="troop-number"] svg text {
+ fill: white;
+ text-anchor: middle;
+ font-size: 10px;
font-weight: bold;
- border-radius: 10px;
- padding: 0 4px;
+ transform: translateY(3.5px);
+ font-family: monospace;
}
-.soldier-record[data-troop-allegiance="davion"] [slot="troop-number"] {
- background-color: red;
+.soldier-record[data-troop-allegiance="davion"] [slot="troop-number"] img {
+ fill: red;
}
-.soldier-record[data-troop-allegiance="liao"] [slot="troop-number"] {
- background-color: green;
+.soldier-record[data-troop-allegiance="liao"] [slot="troop-number"] img {
+ fill: green;
}
.soldier-record.selected {
--
cgit v1.2.3