diff options
author | Tor Andersson <tor@ccxvii.net> | 2024-08-13 00:15:48 +0200 |
---|---|---|
committer | Tor Andersson <tor@ccxvii.net> | 2024-10-27 12:00:41 +0100 |
commit | f81cc9f556173be9e903a4ac3b0fc29e6dccb9c7 (patch) | |
tree | 18f952d1c97139a4e5a1198e142c5bb2ba305781 | |
parent | 5e30091abfb5358b60f8057b984b533ab4a69471 (diff) | |
download | time-of-crisis-f81cc9f556173be9e903a4ac3b0fc29e6dccb9c7.tar.gz |
v2: use icons for market buttons
-rw-r--r-- | play.css | 10 | ||||
-rw-r--r-- | play.js | 12 |
2 files changed, 15 insertions, 7 deletions
@@ -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) } @@ -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") |