summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorTor Andersson <tor@ccxvii.net>2024-08-13 00:15:48 +0200
committerTor Andersson <tor@ccxvii.net>2024-10-27 12:00:41 +0100
commitf81cc9f556173be9e903a4ac3b0fc29e6dccb9c7 (patch)
tree18f952d1c97139a4e5a1198e142c5bb2ba305781
parent5e30091abfb5358b60f8057b984b533ab4a69471 (diff)
downloadtime-of-crisis-f81cc9f556173be9e903a4ac3b0fc29e6dccb9c7.tar.gz
v2: use icons for market buttons
-rw-r--r--play.css10
-rw-r--r--play.js12
2 files changed, 15 insertions, 7 deletions
diff --git a/play.css b/play.css
index 22c6d27..34f5850 100644
--- a/play.css
+++ b/play.css
@@ -17,6 +17,15 @@ body.Observer #hand_panel, body.Observer #draw_panel, body.Observer #discard_pan
display: none;
}
+button img.market_button {
+ height: 16px;
+ vertical-align: -3px;
+}
+
+button:disabled img.market_button {
+ opacity: 25%;
+}
+
#role_Red { background-color: hsl(354,85%,67%) }
#role_Blue { background-color: hsl(207,67%,78%) }
#role_Yellow { background-color: hsl(47,100%,73%) }
@@ -457,7 +466,6 @@ body.tint .militia.selected,
background-size: 900% 400%;
}
-
.no_place_governor { background-image: url(images/no_place_governor.png) }
.legion { background-image: url(images/legion_full.png) }
.legion.reduced { background-image: url(images/legion_reduced.png) }
diff --git a/play.js b/play.js
index 4da1841..f09e0e6 100644
--- a/play.js
+++ b/play.js
@@ -1618,12 +1618,12 @@ function on_update() {
action_button("enter", "Enter Capital")
action_button("leave", "Leave Capital")
- action_button("mip_to_sip", "M > S")
- action_button("mip_to_pip", "M > P")
- action_button("sip_to_mip", "S > M")
- action_button("sip_to_pip", "S > P")
- action_button("pip_to_mip", "P > M")
- action_button("pip_to_sip", "P > S")
+ action_button("mip_to_sip", `<img class="market_button" src="images/mx.svg"> \u2192 <img class="market_button" src="images/sx.svg">`)
+ action_button("mip_to_pip", `<img class="market_button" src="images/mx.svg"> \u2192 <img class="market_button" src="images/px.svg">`)
+ action_button("sip_to_mip", `<img class="market_button" src="images/sx.svg"> \u2192 <img class="market_button" src="images/mx.svg">`)
+ action_button("sip_to_pip", `<img class="market_button" src="images/sx.svg"> \u2192 <img class="market_button" src="images/px.svg">`)
+ action_button("pip_to_mip", `<img class="market_button" src="images/px.svg"> \u2192 <img class="market_button" src="images/mx.svg">`)
+ action_button("pip_to_sip", `<img class="market_button" src="images/px.svg"> \u2192 <img class="market_button" src="images/sx.svg">`)
action_button("automatic", "Automatic")
action_button("spend_military", "Spend Military")