| index : btroops | |
| Virtual board game-aid for BattleTroops, an infantry combat simulator wargame published by FASA in 1989. |
| aboutsummaryrefslogtreecommitdiff |
diff options
| author | Catalin Mititiuc <webdevcat@proton.me> | 2024-08-06 19:51:22 -0700 |
|---|---|---|
| committer | Catalin Mititiuc <webdevcat@proton.me> | 2024-08-06 19:51:22 -0700 |
| commit | 0783d703c1365f3307cb9e780b81f5ef19387bac (patch) | |
| tree | 33759472ca73cc062cedce6430fb7540bc68c040 /public/assets/css | |
| parent | c6cdbcf492a1830bcc16259d018980072485e4fb (diff) | |
WIP: very rough armor
Diffstat (limited to 'public/assets/css')
| -rw-r--r-- | public/assets/css/soldier_record_block.css | 37 | ||||
| -rw-r--r-- | public/assets/css/style.css | 3 |
2 files changed, 40 insertions, 0 deletions
diff --git a/public/assets/css/soldier_record_block.css b/public/assets/css/soldier_record_block.css index 5fb8c7c..096a1b2 100644 --- a/public/assets/css/soldier_record_block.css +++ b/public/assets/css/soldier_record_block.css @@ -5,6 +5,9 @@ span { } .physical-status-track { + display: flex; + justify-content: space-between; + align-items: end; text-align: center; } @@ -57,3 +60,37 @@ p { .grenades input:checked + svg circle { fill: gray; } + +[slot="block-number"]:not(:last-of-type) { + display: inline-block; + width: 1.3em; +} + +damage-block.armor span[slot="block-number"] { + border: 1px solid black; + padding: 2px; + border-radius: 50%; + position: relative; +} + +.physical-status-track damage-block:nth-child(1 of .armor) span[slot="block-number"]:hover { + border: 1px solid orangered; + cursor: pointer; +} + +.physical-status-track damage-block:nth-child(1 of .armor) span[slot="block-number"]:hover::before { + content: '🡄'; /*<⇽⭠⮈🠈 🠜 🡄*/ + position: absolute; + margin-left: -1.5em; +} + +.physical-status-track damage-block:nth-last-child(1 of .armor) span[slot="block-number"]:hover { + border: 1px solid orangered; + cursor: pointer; +} + +.physical-status-track damage-block:nth-last-child(1 of .armor) span[slot="block-number"]:hover::after { + content: '🡆'; /* 🠊 🡆 */ + position: absolute; + margin-left: 1em; +} diff --git a/public/assets/css/style.css b/public/assets/css/style.css index 235fa73..3f6cd88 100644 --- a/public/assets/css/style.css +++ b/public/assets/css/style.css @@ -134,6 +134,9 @@ button.set-firing-arc img { white-space: nowrap; background-color: white; transition: transform 0.25s; + user-select: none; + -webkit-user-select: none; + cursor: default; } .soldier-record span[slot] { |