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:
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user