jarianc/MovieMapper
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Update floating circle animation to move completely out of sight when no tagged items

Browse Source
This commit is contained in:
Jarian Cottingham 2026-02-21 15:37:28 -06:00
parent 7f501795ed
commit e8de57230e
2 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
index.html
View File

@ -320,6 +320,7 @@
box-shadow: 0 2px 10px rgba(0,0,0,0.2); box-shadow: 0 2px 10px rgba(0,0,0,0.2);
z-index: 1000; z-index: 1000;
transition: all 0.3s ease; transition: all 0.3s ease;
transform: translateY(0);
} }
.floating-circle:hover { .floating-circle:hover {

6
renderer.js
View File

@ -298,9 +298,9 @@ function updateTaggedCount() {
// Animate the circle position based on count // Animate the circle position based on count
if (taggedCircle) { if (taggedCircle) {
if (count === 0) { if (count === 0) {
// Drop to bottom // Move down out of sight
taggedCircle.style.transform = 'translateY(0)'; taggedCircle.style.transform = 'translateY(100px)';
taggedCircle.style.bottom = '20px'; taggedCircle.style.bottom = '-100px';
} else { } else {
// Move up to show count // Move up to show count
taggedCircle.style.transform = 'translateY(-30px)'; taggedCircle.style.transform = 'translateY(-30px)';