diff options
| author | Tor Andersson <tor@ccxvii.net> | 2022-09-02 18:29:50 +0200 |
|---|---|---|
| committer | Tor Andersson <tor@ccxvii.net> | 2022-11-17 13:11:26 +0100 |
| commit | da7fb6c52fcb520d3a1a270433e70b607a3fb800 (patch) | |
| tree | 213a8283fa1de5c32393e2b57f9b18fbcaec9149 /play.html | |
| parent | 9d16099a168f0f31100e8293e1509620b099e20c (diff) | |
| download | rommel-in-the-desert-da7fb6c52fcb520d3a1a270433e70b607a3fb800.tar.gz | |
Use svg lines to show supply lines.
Diffstat (limited to 'play.html')
| -rw-r--r-- | play.html | 39 |
1 files changed, 18 insertions, 21 deletions
@@ -45,7 +45,7 @@ header.your_turn { background-color: orange; } display: flex; flex-wrap: wrap; justify-content: center; - min-height: 350px; + min-height: 170px; max-width: 2672px; gap: 20px; } @@ -373,34 +373,31 @@ svg .hex.allied_supply { fill-opacity: 0.4; } -svg .side.axis_supply { - stroke: darkslategray !important; - stroke-width: 122px; - stroke-width: 121.5px; - stroke-width: 72px; - stroke-linecap: butt; - stroke-dasharray: 8 100; - stroke-dashoffset: -31; - stroke-opacity: 0.6; +svg .hex.axis_supply.allied_supply { + fill: darkgoldenrod; + fill-opacity: 0.4; +} + +svg #lines line { + pointer-events: none; + stroke: none; + stroke-width: 6px; + stroke-linecap: round; } -svg .side.allied_supply { - stroke: darkred !important; - stroke-width: 122px; - stroke-width: 121.5px; - stroke-width: 72px; - stroke-linecap: butt; - stroke-dasharray: 8 100; - stroke-dashoffset: -31; +svg #lines line.axis_supply { + stroke: darkslategray; stroke-opacity: 0.6; } -svg .hex.axis_supply.allied_supply { - fill: orange; +svg #lines line.allied_supply { + stroke: darkred; + stroke-opacity: 0.6; } -svg .side.allied_supply.axis_supply { +svg #lines line.axis_supply.allied_supply { stroke: darkorange; + stroke-opacity: 0.6; } /* UNITS */ |