From 4ba9f6451f5ab1e5ae95c0871d6fa594f49372cc Mon Sep 17 00:00:00 2001 From: Ken D'Ambrosio Date: Fri, 22 May 2026 23:14:07 +0000 Subject: Add hover zoom preview for admin thumbnails MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 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 --- public/css/style.css | 20 ++++++++++++++++++++ 1 file changed, 20 insertions(+) (limited to 'public') 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; } -- cgit v1.2.3