mirror of
https://github.com/PR0M3TH3AN/bitvid.git
synced 2026-11-05 12:22:28 +00:00
feat(ui): implement marquee title and mobile active state for video cards
- Add marquee scrolling logic to VideoCard.js using ResizeObserver and CSS animations - Implement mobile active state detection using IntersectionObserver with a centered rootMargin (-25%) - Update CSS to apply active state styles (backdrop blur, shadow) via data-mobile-active attribute - Fix mobile layout overflow issues by enforcing min-width: 0 on flex containers - Ensure title text color changes to accent on active/hover state
This commit is contained in:
1 parent
c443865187
commit
4aa4fb0935
3 files changed
+10
-8
No files matched your search
@@ -3051,7 +3051,7 @@ export class VideoCard {
|
||||
}
|
||||
}
|
||||
},
|
||||
{ rootMargin: "-40% 0px -40% 0px", threshold: 0 }
|
||||
{ rootMargin: "-25% 0px -25% 0px", threshold: 0 }
|
||||
);
|
||||
}
|
||||
VideoCard.viewportObserver.observe(element);
|
||||
|
||||
Reference in new issue
Block a user