Switch to custom cursor icon

[hwangdev97]

[doouding]

Can you elaborate on this a little bit, is that cursor too large or too fuzzy?

[doouding]

I found Figma uses custom cursors to ensure visual consistency. I think we can use the same approach.

[Svaney-ssman]

Please replace drag and drop hand as the Figma shown @doouding

[doouding]

How about adding the drag&drop cursor to the @toeverything/theme package?

[hwangdev97]

We should change the UI performance on windows to specifically fix this issue. If necessary, add it to package.

[doodlewind]

We don't have to make it a Windows-specific solution. Instead, we can make the cursor: grab and cursor: grabbing using custom cursor inside the BlockSuite project components in this way:

.element-grab {
    cursor: url('path/to/grab-icon.cur'), grab;
}

.element-grabbing {
    cursor: url('path/to/grabbing-icon.cur'), grabbing;
}

[doouding]

We don't have to make it a Windows-specific solution. Instead, we can make the cursor: grab and cursor: grabbing using custom cursor inside the BlockSuite project components in this way:

.element-grab {
    cursor: url('path/to/grab-icon.cur'), grab;
}

.element-grabbing {
    cursor: url('path/to/grabbing-icon.cur'), grabbing;
}

The custom grabbing cursor has already been added to the @toeverything/design package. I forgot to replace it in the BlockSuite.