diff options
| author | Ken D'Ambrosio <ken@jots.org> | 2026-05-22 23:14:07 +0000 |
|---|---|---|
| committer | Ken D'Ambrosio <ken@jots.org> | 2026-05-22 23:14:07 +0000 |
| commit | 4ba9f6451f5ab1e5ae95c0871d6fa594f49372cc (patch) | |
| tree | 24911dc5c3dd3c18fb2b572f7eacad0744a0b37f /public | |
| parent | d32b5e99afc6f0cffefa594510cda0e4f414db75 (diff) | |
Add hover zoom preview for admin thumbnailsv1.1
Hovering over a thumbnail in the admin file table pops up the full
300×300 cached version near the cursor, making it easy to confirm
identity before deleting or editing.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Diffstat (limited to 'public')
| -rw-r--r-- | public/css/style.css | 20 |
1 files changed, 20 insertions, 0 deletions
diff --git a/public/css/style.css b/public/css/style.css index abbedf6..ec22f39 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -388,6 +388,26 @@ tr.original-file td { opacity: .5; } .delete-check { accent-color: #c0392b; width: 16px; height: 16px; cursor: pointer; } tr.delete-marked td { background: rgba(192,57,43,.08); } +/* ── Admin thumb hover preview ─────────────────────────────────────────── */ +#admin-thumb-preview { + display: none; + position: fixed; + z-index: 9999; + pointer-events: none; + padding: 4px; + border: 2px solid var(--border); + border-radius: var(--radius); + background: var(--bg2); + box-shadow: 0 8px 24px rgba(0,0,0,.6); +} +#admin-thumb-preview img { + display: block; + width: 300px; + height: 300px; + object-fit: cover; + border-radius: calc(var(--radius) - 2px); +} + /* ── Admin update panel ────────────────────────────────────────────────── */ .admin-update { margin-top: 32px; } .admin-update h2 { font-size: 1rem; color: var(--text-dim); margin-bottom: 6px; } |