cory/tildefriends
5
6
Fork 2
Code Issues 37 Pull Requests Actions Releases 35 Wiki Activity

ssb: Use img title=, not alt= for more browser support.
All checks were successful
Build Tilde Friends / Build-All (push) Successful in 36m42s
Details

Browse Source
This commit is contained in:
Cory McWilliams
2025-07-02 12:49:14 -04:00
parent 6e55b6b49e
commit ef21dc6ae8
3 changed files with 6 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/ssb.json
View File

@ -1,5 +1,5 @@
{ {
"type": "tildefriends-app", "type": "tildefriends-app",
"emoji": "🦀", "emoji": "🦀",
"previous": "&Eg9WyDY1CmakDJYw0+fk0PDW1EOW3gS/Np10dAJZM7c=.sha256" "previous": "&fAgPjWyRwHxcKiSV3T8OE7UyAUUgHE02YnA7e+sm3lo=.sha256"
} }

7
apps/ssb/tf-user.js
View File

@ -34,11 +34,10 @@ class TfUserElement extends LitElement {
>😎</span >😎</span
>`; >`;
let name = this.users?.[this.id]?.name; let name = this.users?.[this.id]?.name;
let name_string = name ?? this.fallback_name ?? this.id;
name = this.icon_only name = this.icon_only
? undefined ? undefined
: html`<a target="_top" href=${'#' + this.id} : html`<a target="_top" href=${'#' + this.id}>${name_string}</a>`;
>${name ?? this.fallback_name ?? this.id}</a
>`;
if (user) { if (user) {
let image_link = user.image; let image_link = user.image;
@ -52,7 +51,7 @@ class TfUserElement extends LitElement {
class=${'w3-theme-l4 ' + shape} class=${'w3-theme-l4 ' + shape}
style="width: 2em; height: 2em; vertical-align: middle; object-fit: cover" style="width: 2em; height: 2em; vertical-align: middle; object-fit: cover"
src="/${image_link}/view" src="/${image_link}/view"
alt=${name ?? this.fallback_name ?? this.id} title=${name_string + ' (' + this.id + ')'}
/>`; />`;
} }
} }

4
apps/ssb/tf-utils.js
View File

@ -50,9 +50,9 @@ function image(node, entering) {
'</div>' '</div>'
); );
if (this.options.safe && potentiallyUnsafe(node.destination)) { if (this.options.safe && potentiallyUnsafe(node.destination)) {
this.lit('<img src="" alt="'); this.lit('<img src="" title="');
} else { } else {
this.lit('<img src="' + this.esc(node.destination) + '" alt="'); this.lit('<img src="' + this.esc(node.destination) + '" title="');
} }
} }
this.disableTags += 1; this.disableTags += 1;