- K.O and death are now marked by icons in the damage monitor

- changed icon for take damage
This commit is contained in:
Tobias 2023-02-09 20:32:34 +01:00
parent ffeb85b080
commit 2fdb790552
6 changed files with 8 additions and 14 deletions

View File

@ -1,12 +1,3 @@
#dummy-row {
display: none;
}
#dummy-row:only-child {
display: table-row;
}
header.navbar {
background-image: url("../img/horizon.png");
}
@ -75,6 +66,11 @@ input:invalid {
filter: brightness(91%);
}
.damage-monitor td button img {
position: relative;
top: -2px;
}
footer p {
font-size: x-small;
margin-bottom: .5rem;

BIN
img/cross.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 565 B

After

Width:  |  Height:  |  Size: 617 B

BIN
img/zzz.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 719 B

View File

@ -42,10 +42,7 @@
</tr>
</thead>
<tbody>
<!-- <tr id="dummy-row" colspan="100%">
<td class="col-sm text-muted">No combatants yet …</td>
</tr>
--> </tbody>
</tbody>
</table>
</div>
</div>

View File

@ -36,7 +36,8 @@ const DAMAGE_MONITOR_HTML = [
'<tr><td><button class="btn btn-sm btn-warning damage-stun"></button></td><td><button class="btn btn-sm btn-danger damage-physical"></button></td></tr>\n',
'<tr><td><button class="btn btn-sm btn-warning damage-stun"></button></td><td><button class="btn btn-sm btn-danger damage-physical"></button></td></tr>\n',
'<tr><td><button class="btn btn-sm btn-warning damage-stun"></button></td><td><button class="btn btn-sm btn-danger damage-physical"></button></td></tr>\n',
'<tr><td><button class="btn btn-sm btn-warning damage-stun" title="K.O.">D</button></td><td><button class="btn btn-sm btn-danger damage-physical" title="dead">D</button></td></tr>\n',
'<tr><td><button class="btn btn-sm btn-warning damage-stun" title="K.O."><img src="img/zzz.png" height="16" /></button></td><td><button class="btn btn-sm btn-danger damage-physical" title="dead"><img src="img/cross.png" height="16"/></button></td></tr>\n',
// '<tr><td><button class="btn btn-sm btn-warning damage-stun" title="K.O.">D</button></td><td><button class="btn btn-sm btn-danger damage-physical" title="dead">D</button></td></tr>\n',
'<tr><th colspan="2"><button type)"submit" class="btn btn-sm btn-light remove-button" title="Remove combatant" data-bs-toggle="modal" data-bs-target="#confirmModal"><img src="img/trash.png" /></button></th></tr>\n',
'</table>'].join("");