Adds drag-to-scroll functionality for schedule tables

Enables intuitive horizontal scrolling for schedule containers

Implements drag scroll interaction with:
- Smooth scrolling experience
- Prevention of interaction with nested elements
- Improved mobile and desktop usability
This commit is contained in:
Janus C. H. Knudsen 2026-01-15 17:08:12 +01:00
parent 545d6606a6
commit 531c681b7d
2 changed files with 56 additions and 0 deletions

View file

@ -887,6 +887,17 @@ swp-schedule-scroll {
max-width: var(--page-max-width);
margin: 0 auto;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
cursor: grab;
}
swp-schedule-scroll.dragging {
cursor: grabbing;
user-select: none;
}
swp-schedule-scroll.dragging * {
pointer-events: none;
}
/* Når drawer er åben: page-container styles (padding animeres via JS) */