Mirrors/Dispatcharr
1
0
Fork 1
mirror of https://github.com/Dispatcharr/Dispatcharr.git synced 2026-07-22 01:30:15 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

Add wheel events for timeline (scrolls left right) hold shift to scroll faster.

Browse source
This commit is contained in:
SergeantPanda 2025-04-08 18:45:43 -05:00
parent 168b067398
commit a05ca283db
1 changed files with 20 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

20
frontend/src/pages/Guide.jsx
View file

@ -306,6 +306,25 @@ export default function TVChannelGuide({ startDate, endDate }) {
}
};
// Handle wheel events on the timeline for horizontal scrolling
const handleTimelineWheel = (e) => {
if (timelineRef.current) {
// Prevent the default vertical scroll
e.preventDefault();
// Determine scroll amount (with shift key for faster scrolling)
const scrollAmount = e.shiftKey ? 250 : 125;
// Scroll horizontally based on wheel direction
timelineRef.current.scrollLeft += e.deltaY > 0 ? scrollAmount : -scrollAmount;
// Sync the main content scroll position
if (guideRef.current) {
guideRef.current.scrollLeft = timelineRef.current.scrollLeft;
}
}
};
// Renders each program block
function renderProgram(program, channelStart) {
const programKey = `${program.tvg_id}-${program.start_time}`;
@ -600,6 +619,7 @@ export default function TVChannelGuide({ startDate, endDate }) {
position: 'relative',
}}
onScroll={handleTimelineScroll}
onWheel={handleTimelineWheel} // Add wheel event handler
>
<Box
style={{