Can i hide ghost image? As i understand i can set
.sortable-chosen {
opacity: 0;
}
.sortable-ghost {
background-color: #dadada;
opacity: 1;
}
but there is one glitch - when i click on element for dragging, but without moving, it's hided via .sortable-chosen and has not yet .sortable-ghost class.
example
http://jsbin.com/poperakusa/edit?html,css,js,output
just click on list item without drag
.sortable-chosen, sortable-chosen.sortable-ghost {
opacity: 0;
}
.sortable-ghost {
background-color: #dadada;
opacity: 1;
}
http://jsbin.com/velenizega/1/edit?html,css,js,output
@kriscooke i dont want to hide moved element complitly, i wanna hide only ghost copy
This seemed to work nicely for me.
.sortable-ghost {
opacity: 0;
}
its my solution
.sortable-chosen.sortable-ghost {
opacity: 0;
}
.sortable-fallback {
opacity: 1 !important;
}
Most helpful comment
This seemed to work nicely for me.
.sortable-ghost { opacity: 0; }