ssb: Show connections in the sidebar. Fiddle with tf-user CSS to make it fit.

This commit is contained in:
2024-12-29 14:54:29 -05:00
parent 571cf5b5b8
commit bb97a8cccc
4 changed files with 42 additions and 32 deletions

View File

@ -25,10 +25,7 @@ class TfUserElement extends LitElement {
>?</span
>`;
let name = this.users?.[this.id]?.name;
name =
name !== undefined
? html`<a target="_top" href=${'#' + this.id}>${name}</a>`
: html`<a target="_top" href=${'#' + this.id}>${this.id}</a>`;
name = html`<a target="_top" href=${'#' + this.id}>${name !== undefined ? name : this.id}</a>`
if (this.users[this.id]) {
let image_link = this.users[this.id].image;
@ -42,7 +39,7 @@ class TfUserElement extends LitElement {
/>`;
}
}
return html` <div style="display: inline-block; font-weight: bold">
return html` <div style="display: inline-block; font-weight: bold; text-wrap: nowrap; max-width: 100%; overflow: hidden; text-overflow: ellipsis">
${image} ${name}
</div>`;
}