Improves all-day event hover detection
Enhances the all-day event selection by creating transparent, full-height columns for each day, which enables more accurate and reliable hover detection across all-day events. Now selects all-day events by hovering on the entire column, not just day headers.
This commit is contained in:
parent
3db93a9e89
commit
b4af5a9211
3 changed files with 44 additions and 3 deletions
|
|
@ -288,11 +288,23 @@ swp-allday-container {
|
|||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* Ghost columns for mouseenter events */
|
||||
swp-allday-column {
|
||||
position: relative;
|
||||
opacity: 0; /* Invisible but functional */
|
||||
pointer-events: auto; /* Enable mouse events */
|
||||
background: transparent;
|
||||
z-index: 1; /* Below all-day events */
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/* All-day events in containers */
|
||||
swp-allday-event {
|
||||
height: 22px; /* Fixed height for consistent stacking */
|
||||
background: #ff9800; /* Default orange background */
|
||||
display: flex;
|
||||
position: relative;
|
||||
z-index: 2; /* Above ghost columns */
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
color: #fff;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue