Web Dev Solutions

Catalin Mititiuc

aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorCatalin Mititiuc <webdevcat@proton.me>2024-04-18 19:13:37 -0700
committerCatalin Mititiuc <webdevcat@proton.me>2024-04-18 19:13:37 -0700
commitea2ff860fa53620491385685330e99c71ffc7581 (patch)
treefc2c53991f1eff4e9b96080ba347e8432d37b836 /public/style.css
parentac71447aee59daa5693cc09a50b4b3101fbdefb2 (diff)
Use checkboxes for grenades
Diffstat (limited to 'public/style.css')
-rw-r--r--public/style.css33
1 files changed, 25 insertions, 8 deletions
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 {