Fix Admin-Spielertabelle: Spalten richtig ausgerichtet + scrollbar
- Chips in inneren <div> statt display:flex direkt auf <td> (sonst fallen die Zellen aus dem Spaltenraster -> alles rutschte in die IP-Spalte, Gerät/Browser leer) - Tabelle horizontal scrollbar (overflow-x) auf schmalen Screens Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
@@ -66,12 +66,11 @@ async function loadPlayers() {
|
||||
|
||||
const rows = players.map((p) => {
|
||||
const banned = bans.has(String(p.name).toLowerCase());
|
||||
const chips = (arr) => (arr || []).map((x) => `<span class="chip"></span>`).join('');
|
||||
const tr = document.createElement('tr');
|
||||
tr.innerHTML =
|
||||
`<td><b class="pname"></b>${banned ? ' <span class="chip" style="color:#ff9bb2">gebannt</span>' : ''}</td>` +
|
||||
`<td>${p.bestScore}</td><td>${p.games}</td><td>${fmt(p.lastAt)}</td>` +
|
||||
`<td class="ips chips"></td><td class="locs chips"></td><td class="devs chips"></td><td class="brs chips"></td>` +
|
||||
`<td><div class="ips chips"></div></td><td><div class="locs chips"></div></td><td><div class="devs chips"></div></td><td><div class="brs chips"></div></td>` +
|
||||
`<td><button class="${banned ? '' : 'danger'} act">${banned ? 'Entbannen' : 'Bannen'}</button></td>`;
|
||||
tr.querySelector('.pname').textContent = p.name; // XSS-safe
|
||||
const fill = (sel, arr) => { const c = tr.querySelector(sel); (arr || []).forEach((x) => { const s = document.createElement('span'); s.className = 'chip'; s.textContent = x; c.appendChild(s); }); };
|
||||
|
||||
Reference in New Issue
Block a user