ui: make telefoni row action buttons icon-only

This commit is contained in:
Christian 2026-05-05 06:50:20 +02:00
parent 86b3b3be15
commit 0dcc6c4fdb
2 changed files with 13 additions and 9 deletions

View File

@ -1 +1 @@
2.2.90 2.2.91

View File

@ -988,19 +988,23 @@ async function loadCalls() {
const contactHtml = r.kontakt_id const contactHtml = r.kontakt_id
? `<div class="d-flex align-items-center gap-2 flex-wrap"> ? `<div class="d-flex align-items-center gap-2 flex-wrap">
<a href="/contacts/${r.kontakt_id}">${escapeHtml(r.contact_name || ('Kontakt #' + r.kontakt_id))}</a> <a href="/contacts/${r.kontakt_id}">${escapeHtml(r.contact_name || ('Kontakt #' + r.kontakt_id))}</a>
<button type="button" class="btn btn-sm btn-outline-secondary" onclick="openLinkContactModal(${Number(r.id)})">Skift</button> <button type="button" class="btn btn-sm btn-outline-secondary px-2 py-1" onclick="openLinkContactModal(${Number(r.id)})" title="Skift kontakt" aria-label="Skift kontakt">
<button type="button" class="btn btn-sm btn-outline-danger" onclick="unlinkContact(${Number(r.id)})">Fjern</button> <i class="bi bi-pencil-square"></i>
</button>
<button type="button" class="btn btn-sm btn-outline-danger px-2 py-1" onclick="unlinkContact(${Number(r.id)})" title="Fjern kontakt-link" aria-label="Fjern kontakt-link">
<i class="bi bi-x-circle"></i>
</button>
</div> </div>
${r.contact_company ? `<div class="text-muted small">${escapeHtml(r.contact_company)}</div>` : ''}` ${r.contact_company ? `<div class="text-muted small">${escapeHtml(r.contact_company)}</div>` : ''}`
: `<div class="d-flex gap-1 flex-wrap"> : `<div class="d-flex gap-1 flex-wrap">
<button type="button" class="btn btn-sm btn-outline-primary" onclick="quickNewContact(${Number(r.id)}, '${escapeHtml(numberRaw)}')"> <button type="button" class="btn btn-sm btn-outline-primary px-2 py-1" onclick="quickNewContact(${Number(r.id)}, '${escapeHtml(numberRaw)}')" title="Ny kontakt" aria-label="Ny kontakt">
<i class="bi bi-person-plus"></i> Ny kontakt <i class="bi bi-person-plus"></i>
</button> </button>
<button type="button" class="btn btn-sm btn-outline-secondary" onclick="openLinkContactModal(${Number(r.id)})"> <button type="button" class="btn btn-sm btn-outline-secondary px-2 py-1" onclick="openLinkContactModal(${Number(r.id)})" title="Søg kontakt" aria-label="Søg kontakt">
<i class="bi bi-search"></i> Søg <i class="bi bi-search"></i>
</button> </button>
<button type="button" class="btn btn-sm btn-outline-warning" onclick="openLinkContactModal(${Number(r.id)}, 'company')"> <button type="button" class="btn btn-sm btn-outline-warning px-2 py-1" onclick="openLinkContactModal(${Number(r.id)}, 'company')" title="Knyt firma" aria-label="Knyt firma">
<i class="bi bi-building"></i> Firma <i class="bi bi-building"></i>
</button> </button>
</div>`; </div>`;