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

This commit is contained in:
Jarian Cottingham 2026-02-21 15:37:28 -06:00
parent 695826db66
commit f744e9b90b
2 changed files with 4 additions and 3 deletions

View File

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

View File

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