feat(helpdesk): add skeleton loader and lightbox for image previews

- Skeleton shimmer placeholder shown while SOAP image loads
- onload hides skeleton, onerror hides entire preview
- data-fslightbox="ticket-files" on image link enables FsLightbox
  overlay (auto-detected by global MutationObserver)
- cursor: zoom-in on preview images
- Gallery name "ticket-files" groups all images in the feed

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-04-05 23:03:13 +02:00
parent 5730a9a7b7
commit 8187c9b4dd
2 changed files with 13 additions and 1 deletions

View File

@@ -1318,6 +1318,14 @@
display: block;
max-width: 16rem;
margin-left: 1.35rem;
position: relative;
}
.helpdesk-chat-file-skeleton {
display: block;
width: 12rem;
height: 8rem;
border-radius: var(--app-radius, 0.375rem);
}
.helpdesk-chat-file-preview img {
@@ -1326,6 +1334,7 @@
height: auto;
border-radius: var(--app-radius, 0.375rem);
border: 1px solid var(--app-muted-border-color);
cursor: zoom-in;
}
.helpdesk-chat-file-link {