Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

jQuery UI Resizable - How to thicken handle

Is it possible to make the handle thicker, for easier grabbing?

For example, in the link below, you will notice that I have a handle on a div at the bottom only, which is difficult to get hold of using the mouse as it seems to be 1px high. Is it possible to make the handle 10px heigh, so it looks and feels like the image is being grabbed?

http://jsfiddle.net/rYFEY/25/

like image 433
oshirowanen Avatar asked Jun 23 '11 08:06

oshirowanen


1 Answers

.ui-resizable-s {
    bottom: 0;
    height: 10px;
}

See: http://jsfiddle.net/thirtydot/rYFEY/376/

+rgba for clarity: http://jsfiddle.net/thirtydot/rYFEY/377/

+rgba -overflow: hidden with the default bottom: -5px: http://jsfiddle.net/thirtydot/rYFEY/378/

like image 180
thirtydot Avatar answered Oct 10 '22 07:10

thirtydot