1
0
mirror of https://github.com/hrfee/jfa-go.git synced 2024-12-23 01:20:11 +00: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) => { append = (name: string, details: MyDetailsContactMethod, icon: string, addEditFunc?: (add: boolean) => void, required?: boolean) => {
const row = document.createElement("div"); 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 = ` let innerHTML = `
<div class="inline align-middle"> <div class="flex items-baseline flex-nowrap ellipsis">
<span class="shield ~urge" alt="${name}"> <span class="shield ~urge" alt="${name}">
<span class="icon"> <span class="icon">
${icon} ${icon}
</span> </span>
</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>
<div class="flex items-center"> <div class="flex items-center ml-2">
<button class="user-contact-enabled-disabled button ~neutral" ${details.value == "" ? "disabled" : ""}> <button class="user-contact-enabled-disabled button ~neutral" ${details.value == "" ? "disabled" : ""}>
<input type="checkbox" class="mr-2" ${details.value == "" ? "disabled" : ""}> <input type="checkbox" class="mr-2" ${details.value == "" ? "disabled" : ""}>
<span>${window.lang.strings("enabled")}</span> <span>${window.lang.strings("enabled")}</span>