hotel-manage-stack/maintenance
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Replace timeline photo thumbnail with compact 'view' link

Browse source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
jtricerolph 2026-07-22 11:06:30 +00:00
parent 5d62050745
commit 626d4d4d72
2 changed files with 3 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

4
frontend/src/components/TaskModal.tsx
View file

@ -408,9 +408,7 @@ export default function TaskModal({ taskId, onClose, onChanged }: {
{eventLine(e) && <div><strong>{eventLine(e)}</strong></div>} {eventLine(e) && <div><strong>{eventLine(e)}</strong></div>}
{e.note && <div className="timeline-note">{e.note}</div>} {e.note && <div className="timeline-note">{e.note}</div>}
{linkedPhoto && ( {linkedPhoto && (
<div className="timeline-photo-thumb" onClick={() => setLightboxSrc(photoUrl(linkedPhoto.file_path))}> <span className="timeline-photo-link" onClick={() => setLightboxSrc(photoUrl(linkedPhoto.file_path))}>view</span>
<img src={photoUrl(linkedPhoto.file_path)} alt="" />
</div>
)} )}
<div className="timeline-meta">{e.user_name || '—'} · {formatDateTime(e.created_at)}</div> <div className="timeline-meta">{e.user_name || '—'} · {formatDateTime(e.created_at)}</div>
</div> </div>

5
frontend/src/index.css
View file

@ -361,9 +361,8 @@ html, body, #root { height: 100%; margin: 0; font-size: 14px; }
.timeline-body { flex: 1; min-width: 0; } .timeline-body { flex: 1; min-width: 0; }
.timeline-note { white-space: pre-wrap; } .timeline-note { white-space: pre-wrap; }
.timeline-meta { font-size: 11.5px; color: var(--text-mid); margin-top: 2px; } .timeline-meta { font-size: 11.5px; color: var(--text-mid); margin-top: 2px; }
.timeline-photo-thumb { margin: 6px 0 2px; cursor: pointer; display: inline-block; } .timeline-photo-link { color: var(--gold); cursor: pointer; font-size: 12px; font-weight: 500; }
.timeline-photo-thumb img { width: 80px; height: 80px; object-fit: cover; border-radius: 6px; border: 1px solid var(--card-border); transition: opacity .12s; } .timeline-photo-link:hover { text-decoration: underline; }
.timeline-photo-thumb img:hover { opacity: 0.8; }
/* ── Photos ────────────────────────────────────────────────── */ /* ── Photos ────────────────────────────────────────────────── */
.photo-grid { display: flex; gap: 8px; flex-wrap: wrap; margin: 8px 0; } .photo-grid { display: flex; gap: 8px; flex-wrap: wrap; margin: 8px 0; }