Change color of disabled resize grapple icon about newt HOT 10 CLOSED

@ugurdogrusoz The mouse cursor for that is set in the node-resize extension, through the ocanvas library. I tried to use a custom image, but this library doesn't seem to have support for that. Only for the defaults cursors. I emailed the developer to ask him. If nothing is done on this library's part, I think it may be overly difficult to do that.

from newt.

@ugurdogrusoz @royludo Setting a custom image in PNG format works (I could not get an SVG image to work). @royludo try: canvas.mouse.cursor("url('http://image.flaticon.com/icons/png/128/70/70358.png')");

Edit: It probably depends on the version of SVG. A working SVG example: https://gist.github.com/jhermsmeier/4565167

from newt.

@kinimesi ha, I should have thought about that. I'll find some nice png image, I don't even know why we went for svg. Thanks.

from newt.

@royludo SVG images are scalable, that is why we prefer them.

I think that is a good one: http://www.flaticon.com/free-icon/cancel_97603

In order to make SVG files work we need to add width and height values into it.

from newt.

Let's please decrease the size of this icon by 1/4 or 1/3 to be compatible with other grapple icons.

from newt.

I think grapples for resize are even smaller on Mac, you might want to make disable icon even smaller

from newt.

OK I checked with Windows as well. The situation is (using Chrome on both):

• inactive cursor is smaller than others on Windows
• inactive cursor is larger than others on Mac
  So I don't know what to suggest. How come different cursors are used on Windows and Mac?

from newt.

There is no way to get current cursor size and set disabled grapple icon size accordingly. I set it to 15x15, which looks reasonable on Windows and Mac. See 66ee87d

from newt.

Should we fill inside of current icon? It is transparent right now.

from newt.

yes let's make it non-transparent.
i think what we have is fine regarding icon dimensions.

from newt.