Remove weapon icons from historical match detail
This commit is contained in:
@@ -644,42 +644,12 @@
|
||||
}
|
||||
|
||||
.historical-weapon-stat-list li {
|
||||
grid-template-columns: 78px minmax(0, 1fr) auto;
|
||||
display: grid;
|
||||
grid-template-columns: minmax(0, 1fr) auto;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.historical-weapon-stat-list__icon-frame {
|
||||
display: grid;
|
||||
place-items: center;
|
||||
width: 72px;
|
||||
min-height: 28px;
|
||||
padding: 3px 6px;
|
||||
border: 1px solid rgba(81, 76, 62, 0.22);
|
||||
border-radius: 6px;
|
||||
background: linear-gradient(180deg, rgba(247, 242, 229, 0.96), rgba(226, 218, 198, 0.94));
|
||||
}
|
||||
|
||||
.historical-weapon-stat-list__icon {
|
||||
width: 100%;
|
||||
height: 22px;
|
||||
object-fit: contain;
|
||||
}
|
||||
|
||||
.historical-weapon-stat-list__fallback {
|
||||
display: grid;
|
||||
width: 100%;
|
||||
height: 22px;
|
||||
place-items: center;
|
||||
color: rgba(49, 43, 31, 0.86);
|
||||
font-size: 0.78rem;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.historical-weapon-stat-list__fallback[hidden] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.historical-table-shell {
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
@@ -629,7 +629,6 @@ function renderNamedCountSection(title, items) {
|
||||
const count = stat.count ?? stat.total ?? 0;
|
||||
return `
|
||||
<li>
|
||||
${renderHistoricalWeaponIcon(name)}
|
||||
<span>${escapeHtml(name)}</span>
|
||||
<strong>${escapeHtml(formatNumber(count))}</strong>
|
||||
</li>
|
||||
@@ -641,47 +640,6 @@ function renderNamedCountSection(title, items) {
|
||||
`;
|
||||
}
|
||||
|
||||
function renderHistoricalWeaponIcon(name) {
|
||||
const weapon = resolveHistoricalWeapon(name);
|
||||
if (!weapon.icon) {
|
||||
return `
|
||||
<span class="historical-weapon-stat-list__icon-frame" aria-hidden="true">
|
||||
<span class="historical-weapon-stat-list__fallback">?</span>
|
||||
</span>
|
||||
`;
|
||||
}
|
||||
return `
|
||||
<span class="historical-weapon-stat-list__icon-frame" aria-hidden="true">
|
||||
<img
|
||||
class="historical-weapon-stat-list__icon"
|
||||
src="${escapeHtml(weapon.icon)}"
|
||||
alt=""
|
||||
width="72"
|
||||
height="26"
|
||||
loading="lazy"
|
||||
decoding="async"
|
||||
onerror="this.hidden = true; this.nextElementSibling.hidden = false;"
|
||||
/>
|
||||
<span class="historical-weapon-stat-list__fallback" hidden>?</span>
|
||||
</span>
|
||||
`;
|
||||
}
|
||||
|
||||
function resolveHistoricalWeapon(value) {
|
||||
const runtimeWeaponIcons = globalThis.HLL_VIETNAM_CURRENT_MATCH_WEAPON_ICONS;
|
||||
if (runtimeWeaponIcons?.lookup) {
|
||||
const runtimeKey = runtimeWeaponIcons.normalize(value);
|
||||
return runtimeWeaponIcons.lookup[runtimeKey] || {
|
||||
label: String(value || runtimeWeaponIcons.unknown.label),
|
||||
icon: runtimeWeaponIcons.unknown.icon,
|
||||
};
|
||||
}
|
||||
return {
|
||||
label: String(value || "Arma desconocida"),
|
||||
icon: "",
|
||||
};
|
||||
}
|
||||
|
||||
function renderDirectMatchupsSection(matchups) {
|
||||
if (!matchups.length) {
|
||||
return `
|
||||
|
||||
@@ -160,7 +160,6 @@
|
||||
</div>
|
||||
|
||||
<script src="./assets/js/config.js"></script>
|
||||
<script src="./assets/js/current-match-weapon-icons.js"></script>
|
||||
<script src="./assets/js/historico-partida.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user