rgonsal/comunidadhll
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: show current match participants and align feed badges

Browse Source
This commit is contained in:
devRaGonSa
2026-06-03 18:56:13 +02:00
parent 0812c9f840
commit 55e6c87a19
4 changed files with 538 additions and 97 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
frontend/assets/css/historico.css
View File

@@ -838,6 +838,15 @@
line-height: 1.2;
}
.current-match-killfeed__player-identity {
display: inline-flex;
align-items: center;
gap: 6px;
min-width: 0;
max-width: 100%;
flex-wrap: wrap;
}
.current-match-killfeed__player-name {
min-width: 0;
overflow: hidden;
@@ -860,6 +869,16 @@
min-width: 0;
}
.current-match-killfeed__player--killer .current-match-killfeed__player-identity,
.current-match-killfeed__player--killer .current-match-killfeed__player-meta {
justify-content: flex-end;
}
.current-match-killfeed__player--victim .current-match-killfeed__player-identity,
.current-match-killfeed__player--victim .current-match-killfeed__player-meta {
justify-content: flex-start;
}
.current-match-killfeed__weapon {
display: grid;
grid-template-rows: 25px auto;
@@ -913,7 +932,6 @@
white-space: nowrap;
}
.current-match-killfeed__team-badge,
.current-match-killfeed__teamkill {
display: inline-flex;
align-items: center;
@@ -925,35 +943,17 @@
font-weight: 800;
}
.current-match-killfeed__team-badge {
border: 1px solid rgba(159, 168, 141, 0.2);
color: var(--text-soft);
background: rgba(159, 168, 141, 0.08);
}
.current-match-killfeed__team-badge--allies {
border-color: rgba(100, 139, 178, 0.34);
color: rgba(192, 215, 238, 0.96);
background: rgba(67, 101, 137, 0.28);
}
.current-match-killfeed__team-badge--axis {
border-color: rgba(167, 109, 96, 0.36);
color: rgba(231, 198, 190, 0.96);
background: rgba(116, 68, 58, 0.3);
}
.current-match-killfeed__team-badge--unknown {
border-color: rgba(159, 168, 141, 0.22);
color: var(--muted);
background: rgba(159, 168, 141, 0.1);
}
.current-match-killfeed__teamkill {
border: 1px solid rgba(210, 182, 118, 0.36);
color: var(--accent-warm);
}
.current-match-killfeed__team-badge {
min-width: auto;
padding-inline: 8px;
font-size: 0.62rem;
}
.current-match-player-intro {
display: flex;
align-items: flex-end;
@@ -1261,6 +1261,10 @@
white-space: normal;
}
.current-match-killfeed__player-identity {
gap: 5px;
}
.current-match-killfeed__teamkill {
min-height: 16px;
font-size: 0.54rem;
@@ -1349,4 +1353,4 @@
The internal detail page can still show its own scoreboard button. */
#recent-matches-list .historical-match-card__link--scoreboard {
display: none;
}
}

23
frontend/assets/js/partida-actual.js
View File

@@ -479,11 +479,13 @@ function renderKillFeedRow(event) {
data-event-id="${escapeHtml(event.event_id || "")}"
>
<span class="current-match-killfeed__player current-match-killfeed__player--killer">
<strong class="current-match-killfeed__player-name" title="${escapeHtml(event.killer_name || "Jugador no disponible")}">
${escapeHtml(event.killer_name || "Jugador no disponible")}
</strong>
<span class="current-match-killfeed__player-meta">
<span class="current-match-killfeed__player-identity">
<strong class="current-match-killfeed__player-name" title="${escapeHtml(event.killer_name || "Jugador no disponible")}">
${escapeHtml(event.killer_name || "Jugador no disponible")}
</strong>
${renderKillFeedTeamBadge(killerTeam)}
</span>
<span class="current-match-killfeed__player-meta">
${teamkillBadge}
</span>
</span>
@@ -496,10 +498,12 @@ function renderKillFeedRow(event) {
<em>${escapeHtml(weapon.label)}</em>
</span>
<span class="current-match-killfeed__player current-match-killfeed__player--victim">
<span class="current-match-killfeed__player-name" title="${escapeHtml(event.victim_name || "Objetivo no disponible")}">
${escapeHtml(event.victim_name || "Objetivo no disponible")}
<span class="current-match-killfeed__player-identity">
<span class="current-match-killfeed__player-name" title="${escapeHtml(event.victim_name || "Objetivo no disponible")}">
${escapeHtml(event.victim_name || "Objetivo no disponible")}
</span>
${renderKillFeedTeamBadge(victimTeam)}
</span>
${renderKillFeedTeamBadge(victimTeam)}
</span>
</article>
`;
@@ -511,8 +515,11 @@ function getKillFeedTeamDisplay(value) {
}
function renderKillFeedTeamBadge(team) {
if (!team || team.key === "unknown") {
return "";
}
return `
<span class="current-match-killfeed__team-badge current-match-killfeed__team-badge--${team.key}">
<span class="historical-player-team-badge historical-player-team-badge--${team.key} current-match-killfeed__team-badge">
${escapeHtml(team.label)}
</span>
`;