Fix player health/armor display

This commit is contained in:
James Lyne 2021-01-24 22:14:39 +00:00
parent 2e6cf3b77f
commit 8260deba0b
2 changed files with 14 additions and 12 deletions

View File

@ -125,15 +125,17 @@ export class PlayerIcon extends DivIcon {
this._playerArmor = document.createElement('div'); this._playerArmor = document.createElement('div');
this._playerArmor.className = 'player__armor'; this._playerArmor.className = 'player__armor';
this._playerInfo.appendChild(this._playerHealth);
this._playerInfo.appendChild(this._playerArmor);
this._playerHealthBar = document.createElement('div'); this._playerHealthBar = document.createElement('div');
this._playerHealthBar.className = 'player__health-bar'; this._playerHealthBar.className = 'player__health-bar';
this._playerArmorBar = document.createElement('div'); this._playerArmorBar = document.createElement('div');
this._playerArmorBar.className = 'player__armor-bar'; this._playerArmorBar.className = 'player__armor-bar';
this._playerHealth.appendChild(this._playerHealthBar);
this._playerArmor.appendChild(this._playerArmorBar);
this._playerInfo.appendChild(this._playerHealth);
this._playerInfo.appendChild(this._playerArmor);
this._playerHealth.hidden = this._playerArmor.hidden = true; this._playerHealth.hidden = this._playerArmor.hidden = true;
} else { } else {
this._playerName.classList.add('playerNameNoHealth'); this._playerName.classList.add('playerNameNoHealth');

View File

@ -293,26 +293,26 @@ input {
.player__health, .player__health,
.player__armor, .player__armor,
.player__health-bg, .player__health-bar,
.player__armor-bg { .player__armor-bar {
height: 7px; height: 7px;
} }
.player__health { .player__health {
background: url(../assets/images/heart.png) repeat-x left center;
}
.player__health-bg {
background: url(../assets/images/heart_depleted.png) repeat-x left center; background: url(../assets/images/heart_depleted.png) repeat-x left center;
} }
.player__armor { .player__health-bar {
background: url(../assets/images/armor.png) repeat-x left center; background: url(../assets/images/heart.png) repeat-x left center;
} }
.player__armor-bg { .player__armor {
background: url(../assets/images/armor_depleted.png) repeat-x left center; background: url(../assets/images/armor_depleted.png) repeat-x left center;
} }
.player__armor-bar {
background: url(../assets/images/armor.png) repeat-x left center;
}
} }
.marker__label { .marker__label {