Change cursor to grab and grabing

13sergy commented 6 years ago

I'm submitting a ... [ ] bug report [X ] feature request [ ] question about the decisions made in the repository
Do you want to request a feature or report a bug? Could create option to change cursors for drag and drop?

I would like change default cursors.

What is the current behavior?
If the current behavior is a bug, please provide the steps to reproduce and if possible a minimal demo of the problem via https://plnkr.co or similar.
What is the expected behavior?
What is the motivation / use case for changing the behavior?
Please tell us about your environment:
Angular version: 2.X.X
Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]
Other information (e.g. detailed explanation, stacktraces, related issues, suggestions how to fix, links for us to have context, eg. stackoverflow, gitter, etc)

marcusdacoregio commented 6 years ago

I like this too, I have achieve this by doing the following:

    div[dnd-draggable] {
        cursor: -webkit-grab !important;

        &.dnd-drag-start {
            cursor: -webkit-grabbing !important;
        }
    }

Where div can be any of your elements

kultigin commented 5 years ago

Why I do get a cursor:pointer on dnd-sortable if I already have a dnd-sortable-handle elsewhere? for example I have list-items which are sortable but their handle is a small icon, the whole list gets a pointer which is confusing to the user as if list-item is clickable. And I want the handle to, of course, get grab and grabbing cursor rather than default move. The above code may wrk but the pointer confuses things.

akserg / ng2-dnd

Change cursor to grab and grabing #239