diff options
| author | dax <me@dax.ist> | 2026-08-04 20:13:11 +0100 |
|---|---|---|
| committer | dax <me@dax.ist> | 2026-08-04 20:13:11 +0100 |
| commit | 0af9a4ce1167c6abb0492d15a2fd749d05885248 (patch) | |
| tree | 17932b37f0c107246a5bd4067eb7ffe59ce02ac2 | |
| parent | 815a0d1b4b71e12512cef5a8f59aa9d454d779d7 (diff) | |
fix preview flicker: hide only best-dir preview when ghost shows, keep dropzones hit-testable
| -rw-r--r-- | public/app.css | 1 | ||||
| -rw-r--r-- | public/app.js | 2 | ||||
| -rw-r--r-- | public/index.html | 4 |
3 files changed, 4 insertions, 3 deletions
diff --git a/public/app.css b/public/app.css index a0cde93..bbc2655 100644 --- a/public/app.css +++ b/public/app.css @@ -55,6 +55,7 @@ html, body { } .dropzone { position: absolute; cursor: pointer; } .dropzone.hidden { visibility: hidden; } +.dropzone .preview.hide { visibility: hidden; } .dropzone .preview { width: 100%; height: 100%; diff --git a/public/app.js b/public/app.js index 780bc98..cab053e 100644 --- a/public/app.js +++ b/public/app.js @@ -359,7 +359,7 @@ function setPreviewHidden(hidden) { ghostVisible = hidden if (!cur) return const entry = zones.get(cur.id) - if (entry) for (const z of entry.els) z.classList.toggle("hidden", hidden) + if (entry) entry.prevEl.classList.toggle("hide", hidden) } function showGhost(p) { if (!p) return diff --git a/public/index.html b/public/index.html index 736d446..1fab56b 100644 --- a/public/index.html +++ b/public/index.html @@ -5,7 +5,7 @@ <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="color-scheme" content="dark"> <title>pathways</title> - <link rel="stylesheet" href="/app.css?v=45"> + <link rel="stylesheet" href="/app.css?v=46"> </head> <body> <main id="stage"> @@ -29,6 +29,6 @@ <span id="progress-text"></span> </div> <div id="toast" role="status" aria-live="polite"></div> - <script src="/app.js?v=45"></script> + <script src="/app.js?v=46"></script> </body> </html> |