1
0
mirror of https://github.com/hrfee/jfa-go.git synced 2024-06-14 21:47:47 +02:00

userpage: don't wrap contact methods, ellipsise

This commit is contained in:
Harvey Tindall 2023-06-20 22:18:38 +01:00
parent 99679a800d
commit b546aeb440
Signed by: hrfee
GPG Key ID: BBC65952848FB1A2

View File

@ -94,17 +94,17 @@ class ContactMethods {
append = (name: string, details: MyDetailsContactMethod, icon: string, addEditFunc?: (add: boolean) => void, required?: boolean) => {
const row = document.createElement("div");
row.classList.add("row", "flex-expand", "my-2");
row.classList.add("flex", "flex-expand", "my-2", "flex-nowrap");
let innerHTML = `
<div class="inline align-middle">
<div class="flex items-baseline flex-nowrap ellipsis">
<span class="shield ~urge" alt="${name}">
<span class="icon">
${icon}
</span>
</span>
<span class="ml-2 font-bold">${(details.value == "") ? window.lang.strings("notSet") : details.value}</span>
<span class="ml-2 font-bold text-ellipsis overflow-hidden">${(details.value == "") ? window.lang.strings("notSet") : details.value}</span>
</div>
<div class="flex items-center">
<div class="flex items-center ml-2">
<button class="user-contact-enabled-disabled button ~neutral" ${details.value == "" ? "disabled" : ""}>
<input type="checkbox" class="mr-2" ${details.value == "" ? "disabled" : ""}>
<span>${window.lang.strings("enabled")}</span>