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:
parent
545d6606a6
commit
531c681b7d
2 changed files with 56 additions and 0 deletions
|
|
@ -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) */
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue