diff options
Diffstat (limited to 'play.html')
| -rw-r--r-- | play.html | 28 |
1 files changed, 24 insertions, 4 deletions
@@ -148,6 +148,7 @@ header.your_turn { background-color: orange; } #pursuit { background-color: #d6c4a9; background: url(texture_mountain.png); } #pursuit_header { background-color: brown; color: gold } #pursuit_hits { background-color: #c4ab8b; } +#pursuit_buttons { background-color: #c4ab8b; } #pursuit_message { background-color: #d6c4a9; } #pursuit { @@ -185,6 +186,16 @@ header.your_turn { background-color: orange; } border-top: 1px solid black; } +#pursuit_buttons { + padding: 12px; + min-height: 28px; + display: flex; + flex-wrap: wrap; + justify-content: center; + gap: 12px; + border-top: 1px solid black; +} + /* TABLES */ table { border-collapse: collapse; font-size: 12px; user-select: none; } @@ -453,6 +464,10 @@ svg .side.allied_supply.axis_supply { box-shadow: 0 0 0 2px white; } +.unit.action.hit { + box-shadow: 0 0 0 2px black, 0 0 2px 2px black; +} + .unit.selected { box-shadow: 0 0 0 2px yellow; } @@ -607,10 +622,11 @@ svg .side.allied_supply.axis_supply { <div class="battle_line" id="battle_line_3"></div> <div class="battle_line" id="battle_line_4"></div> <div id="battle_buttons"> - <button id="target_armor_button" onclick="send_action('armor')">Armor</button> - <button id="target_infantry_button" onclick="send_action('infantry')">Infantry</button> - <button id="target_antitank_button" onclick="send_action('antitank')">Anti-tank</button> - <button id="target_artillery_button" onclick="send_action('artillery')">Artillery</button> + <button id="battle_armor_button" onclick="send_action('armor')">Armor</button> + <button id="battle_infantry_button" onclick="send_action('infantry')">Infantry</button> + <button id="battle_antitank_button" onclick="send_action('antitank')">Anti-tank</button> + <button id="battle_artillery_button" onclick="send_action('artillery')">Artillery</button> + <button id="battle_end_hits_button" onclick="send_action('end_hits')">Done</button> </div> <div id="battle_message"></div> </div> @@ -620,6 +636,10 @@ svg .side.allied_supply.axis_supply { <div id="pursuit_hits">0 hits</div> <div class="battle_line" id="pursuit_line_1"></div> <div class="battle_line" id="pursuit_line_2"></div> + <div id="pursuit_buttons"> + <button id="pursuit_end_hits_button" onclick="send_action('end_hits')">Done</button> + <button id="pursuit_end_fire_button" onclick="send_action('end_fire')">End fire</button> + </div> <div id="pursuit_message"></div> </div> |