Update floating circle animation to move completely out of sight when no tagged items
This commit is contained in:
parent
695826db66
commit
f744e9b90b
@ -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 {
|
||||
|
||||
@ -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)';
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user