single follow-preview: hover brightens to .85, persists at last option dimmed to .35; drop ghost + nav-edge buttons on current card

1 files changed, 5 insertions, 14 deletions

diff --git a/public/app.css b/public/app.css
index bbc2655..fd7612e 100644
--- a/public/app.css
+++ b/public/app.css
@@ -48,26 +48,17 @@ html, body {
 }
 .tile img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 6px; }
 .tile.lock { animation: lock .5s cubic-bezier(.22, 1, .36, 1); }
-.tile.ghost {
-  opacity: .5;
-  pointer-events: none;
-  box-shadow: 0 0 0 2px rgba(125, 211, 252, .65);
-}
 .dropzone { position: absolute; cursor: pointer; }
-.dropzone.hidden { visibility: hidden; }
-.dropzone .preview.hide { visibility: hidden; }
-.dropzone .preview {
-  width: 100%;
-  height: 100%;
-  opacity: .5;
+.preview {
+  position: absolute;
+  opacity: .35;
   pointer-events: none;
   border-radius: 6px;
   box-shadow: 0 0 0 2px rgba(125, 211, 252, .5);
   transition: opacity .15s;
 }
-.dropzone:hover .preview,
-.dropzone:active .preview { opacity: .85; }
-.dropzone .preview img {
+.preview.hot { opacity: .85; }
+.preview img {
   width: 100%;
   height: 100%;
   object-fit: cover;