Fix 'No Image' paragraph

This commit is contained in:
Haka 2022-09-22 18:47:57 +03:00
parent bc8c7285da
commit 7ee00230fd

View File

@ -291,6 +291,9 @@
height: 100%; height: 100%;
border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;
} }
.modifier-card-image * {
position: absolute;
}
.modifier-card-container { .modifier-card-container {
text-align: center; text-align: center;
background-color: rgba(0,0,0,0.5); background-color: rgba(0,0,0,0.5);
@ -1337,7 +1340,7 @@ function createModifierCard(name, previews) {
<div class="modifier-card-image"> <div class="modifier-card-image">
<div class="modifier-card-overlay">+</div> <div class="modifier-card-overlay">+</div>
<p></p> <p></p>
<img alt="Modifier Image"> <img onerror="this.remove()" alt="Modifier Image">
</div> </div>
<div class="modifier-card-container"> <div class="modifier-card-container">
<span></span> <span></span>
@ -1346,16 +1349,17 @@ function createModifierCard(name, previews) {
const image = modifierCard.querySelector('img'); const image = modifierCard.querySelector('img');
const errorText = modifierCard.querySelector('p'); const errorText = modifierCard.querySelector('p');
errorText.innerText = 'No Image';
if (typeof previews == 'object') { if (typeof previews == 'object') {
image.src = previews[0]; // portrait image.src = previews[0]; // portrait
image.setAttribute('preview-type', 'portrait'); image.setAttribute('preview-type', 'portrait');
} else { } else {
image.remove(); image.remove();
errorText.innerText = 'No Image';
} }
modifierCard.querySelector('span').innerText = name.replace('by ', ''); modifierCard.querySelector('span').innerText = name.replace('by ', '');
return modifierCard; return modifierCard;
} }