nurmuhammet/hoshal-market
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ok

Browse Source
This commit is contained in:
Mekan1206
2026-06-06 00:33:55 +05:00
parent cc0c29bd72
commit 1d3a0db4d8
1 changed files with 3 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
resources/views/home.blade.php
View File

@@ -150,27 +150,14 @@
btn.classList.add(...activeClasses); btn.classList.add(...activeClasses);
// 2. Filter products // 2. Filter products
let visibleIndex = 0;
productCards.forEach(card => { productCards.forEach(card => {
// Reset animation state
card.classList.remove('is-visible');
if (category === 'all' || card.getAttribute('data-category') === category) { if (category === 'all' || card.getAttribute('data-category') === category) {
card.style.display = 'block'; card.style.display = 'block';
// Ensure it's visible without waiting for scroll animation
// Recalculate transition delay dynamically based on visible items card.classList.add('is-visible');
card.style.transitionDelay = `${(visibleIndex % 4) * 100}ms`; card.style.transitionDelay = '0ms';
visibleIndex++;
// Small timeout to allow browser to register display:block before animating
setTimeout(() => {
card.classList.add('is-visible');
}, 50);
} else { } else {
card.style.display = 'none'; card.style.display = 'none';
// Reset delay so it doesn't affect future changes
card.style.transitionDelay = '0ms';
} }
}); });
}); });