fix(historial): use SS/SPS/BSS abbreviations for shot types
CI / Build Native (push) Failing after 44s

- Replace broken chained replace() with tipoShort() helper
- SS = Soulshot, SPS = Spiritshot, BSS = Blessed Spiritshot
- Add tooltip (:title) on chips for full name on hover
- CSS: add cursor:help, font-weight:600, letter-spacing
This commit is contained in:
2026-08-15 23:05:44 -04:00
parent 54fd68aa08
commit 4b564d9fae
2 changed files with 10 additions and 3 deletions
@@ -577,7 +577,10 @@ header {
border-radius: 3px; border-radius: 3px;
background: var(--pico-muted-border-color); background: var(--pico-muted-border-color);
color: var(--pico-muted-color); color: var(--pico-muted-color);
font-weight: 500; font-weight: 600;
font-family: monospace;
letter-spacing: 0.3px;
cursor: help;
} }
/* ============================================ /* ============================================
@@ -180,7 +180,7 @@
<template x-if="r.tiposUsados && r.tiposUsados.length > 0"> <template x-if="r.tiposUsados && r.tiposUsados.length > 0">
<div class="flex-row gap-1 mt-1"> <div class="flex-row gap-1 mt-1">
<template x-for="tipo in r.tiposUsados" :key="tipo"> <template x-for="tipo in r.tiposUsados" :key="tipo">
<span class="tipo-chip" x-text="tipo.replace('Spiritshot','SS').replace('Blessed Spiritshot','BSS').replace('Soulshot','SS')"></span> <span class="tipo-chip" :title="tipo" x-text="tipoShort(tipo)"></span>
</template> </template>
</div> </div>
</template> </template>
@@ -333,7 +333,7 @@
<div class="snapshot-grid" style="font-size:0.7rem"> <div class="snapshot-grid" style="font-size:0.7rem">
<template x-for="[key, precio] in Object.entries(snapshotVenta())" :key="key"> <template x-for="[key, precio] in Object.entries(snapshotVenta())" :key="key">
<div class="snapshot-row"> <div class="snapshot-row">
<span class="text-xs text-muted" x-text="key.replace('Soulshot','SS ').replace('Spiritshot','SS ').replace('Blessed Spiritshot','BSS ') + key.split('-')[1]"></span> <span class="text-xs text-muted" x-text="tipoShort(key.split('-')[0]) + ' ' + key.split('-')[1]"></span>
<span class="text-mono text-xs" x-text="fmtAdena(precio)"></span> <span class="text-mono text-xs" x-text="fmtAdena(precio)"></span>
<template x-if="currentVenta(key) !== null"> <template x-if="currentVenta(key) !== null">
<span class="diff-badge" :class="currentVenta(key) > precio ? 'diff-up' : currentVenta(key) < precio ? 'diff-down' : 'diff-same'" <span class="diff-badge" :class="currentVenta(key) > precio ? 'diff-up' : currentVenta(key) < precio ? 'diff-down' : 'diff-same'"
@@ -561,6 +561,10 @@
return window.fmt.number(n); return window.fmt.number(n);
}, },
tipoShort(tipo) {
return { 'Soulshot': 'SS', 'Spiritshot': 'SPS', 'Blessed Spiritshot': 'BSS' }[tipo] || tipo;
},
fmtPct(pct) { fmtPct(pct) {
return window.fmt.percent(pct); return window.fmt.percent(pct);
}, },