Fixes event overlap detection and stacking logic
Updates the event overlap detection to accurately determine when events overlap in time, fixing incorrect stacking behavior. Implements column sharing for events starting within 30 minutes of each other. Applies stacking only when events truly overlap in time but start times differ by more than 30 minutes. Removes unnecessary data attributes and simplifies styling for stacked events, improving code cleanliness and performance.
This commit is contained in:
parent
ff067cfac3
commit
6afea2571b
4 changed files with 361 additions and 90 deletions
|
|
@ -208,7 +208,7 @@ swp-events-layer[data-filter-active="true"] swp-event[data-matches="true"] {
|
|||
|
||||
/* Event overlap styling */
|
||||
/* Event group container for column sharing */
|
||||
.event-group {
|
||||
swp-event-group {
|
||||
position: absolute;
|
||||
display: flex;
|
||||
gap: 1px;
|
||||
|
|
@ -217,23 +217,10 @@ swp-events-layer[data-filter-active="true"] swp-event[data-matches="true"] {
|
|||
z-index: 10;
|
||||
}
|
||||
|
||||
.event-group swp-event {
|
||||
swp-event-group swp-event {
|
||||
flex: 1;
|
||||
position: relative;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* Debug styling for development */
|
||||
.event-group[data-event-count="2"] {
|
||||
border-left: 2px solid rgba(0, 255, 0, 0.3);
|
||||
}
|
||||
|
||||
.event-group[data-event-count="3"] {
|
||||
border-left: 2px solid rgba(0, 0, 255, 0.3);
|
||||
}
|
||||
|
||||
.event-group[data-event-count="4"] {
|
||||
border-left: 2px solid rgba(255, 0, 255, 0.3);
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue