antoniandre / vue-cal

A Vue.js full calendar, no dependency, no BS. :metal:
https://antoniandre.github.io/vue-cal/
MIT License
1.23k stars 234 forks source link

Cannot change cursor during dragging #484

Open Hellense opened 2 years ago

Hellense commented 2 years ago

Hello, sorry but I need your helps, I need to change the dragging cursor (the 'copy' cursor, the arrow with the green + button). I can do it by changing the ".-- dragging-event" class, but the original cursor is reverted when i move the event in another column days. How can I get my cursor to always be visible when dragging? Thanks

antoniandre commented 2 years ago

Hi @Hellense, please provide a reproduction example so we can help you. Thank you.

Hellense commented 2 years ago

WhatsApp Image 2022-08-05 at 11 54 52

Hello, I need to change the cursor that is seen when dragging an event. I would like to modify the cursor + with the grab.

I've tried with css .vuecal__event[draggable]:hover { cursor: grab !important; }

.vuecal.vuecal--dragging-event { cursor: grabbing !important; }

---> this was my last desperate attempt: .--dragging-event, .--dragging-event , .vuecalevent--static, .vuecalevent--static , .vuecalevent--static > *, .vuecalevent--dragging, .vuecalevent--dragging *, .vuecalevent--dragging > * { cursor: grabbing !important; } .my-event[draggable="true"]:hover { cursor: grab; }

} .dragging-helper { opacity: 0 !important; }

antoniandre commented 2 years ago

I see. If you inspect the source, the cursor is already a grab, but sometimes while dragging starts, the browser overrides the cursor with its own default for dragging. As far as I know, this is not something we can handle from within Vue Cal. 🤷‍♂️

https://user-images.githubusercontent.com/22971289/188729279-1a7edc82-0189-4f2e-8fd6-321881e05be7.mov