bam/my2
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Refactor Highlight Clearing Logic in AreaTabs Component

Browse Source 
- Updated comments for clarity on highlight clearing timing after animations.
- Reinforced the logic to ensure highlights are cleared after all animations complete, improving visual consistency.
This commit is contained in:
Bastian Masanek
2025-11-05 02:58:44 +01:00
parent c6e7fcb43a
commit 1349f42f41
1 changed files with 6 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
app/components/navigation/AreaTabs.vue
View File

@@ -155,13 +155,12 @@ watch(visibleAreas, (newAreas, oldAreas) => {
}, 300 + (index * 150)) // Stagger: 300ms, 450ms, 600ms, ... }, 300 + (index * 150)) // Stagger: 300ms, 450ms, 600ms, ...
}) })
// Clear all highlights after animation completes (including fade-out) // Clear all highlights after animation completes
// Animation timeline: glow+pulse 2x (~1.4s) + fade-out (0.6s) = 2.0s // Animation timeline: glow 2x + pulse 2x + opacity fade = 2.0s
// Wait 2.1s to ensure fade-out completes before removing class // Wait 2.1s to ensure all animations complete before removing class
// TEMPORARILY DISABLED FOR TESTING setTimeout(() => {
// setTimeout(() => { newlyAddedAreaIds.value = []
// newlyAddedAreaIds.value = [] }, 2100)
// }, 2100)
} }
previousAreaIds.value = newAreaIds previousAreaIds.value = newAreaIds