Improves event drag and drop highlighting
Enhances the visual feedback during and after event drag and drop operations in the calendar. - Preserves the full opacity of the dragged event clone during the drag operation for better visibility. - Applies a highlight class to the event after it's dropped to visually indicate the new location. - Adds specific styling for the highlighted state based on event type.
This commit is contained in:
parent
5d406201b8
commit
6f79954342
4 changed files with 68 additions and 3 deletions
|
|
@ -490,6 +490,9 @@ export class AllDayManager {
|
|||
dragEndEvent.draggedClone.style.cursor = '';
|
||||
dragEndEvent.draggedClone.style.opacity = '';
|
||||
|
||||
// 7. Apply highlight class to show the dropped event with highlight color
|
||||
dragEndEvent.draggedClone.classList.add('highlight');
|
||||
|
||||
this.fadeOutAndRemove(dragEndEvent.originalElement);
|
||||
|
||||
this.checkAndAnimateAllDayHeight();
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue