Update:

I have set up "draggable" for three areas. This is experimental but it works for these three areas:

Because it is experimental, you will need to use web dev tools to set the boolean as follows:

This will enable the jQuery UI draggable (and resizable) feature for the three areas above and at the same time, hide the smilie and color picker in the Quick Reply Editor.

Of course, setting the draggable var to no will reverse the change and draggable will be disabled and the buttons in QRE will return on reload.

Here is some example jQuery code that makes this happen in showthread:

Code:

$(function() {
if(localStorage.getItem('draggable') == 'yes')
{
 $("#neo-quickreply-wrapper").css({"overflow":"hidden"}).resizable();
 $("#neo-quickreply-wrapper").draggable({"cursor":"pointer"});
 $("#{$editorid}_popup_smilie, #{$editorid}_popup_smilie_seperator").hide();
}
else{
$("#{$editorid}_popup_smilie, #{$editorid}_popup_smilie_seperator").show();
localStorage.setItem('draggable','no');
}
});

There is no need to hide any broken buttons on the stats page or the advanced editor page, so at code is even more simple. For example, for the advanced editor, it is only:

Code:

$(function() {
if(localStorage.getItem('draggable') == 'yes')
{
document.cookie = "draggable=" + 'yes';
 $("#draggable-stats").css({"overflow-x":"auto","overflow-y":"hidden"}).resizable();
 $("#draggable-stats").draggable({"cursor":"pointer"});
}
else{
 $("#draggable-stats").css({"overflow-x":"auto","overflow-y":"hidden"});
localStorage.setItem('draggable','no');
};

It's experimental, so I have not created any easy button on the editors to toggle this on and off yet, but if anyone likes this feature and needs a toggle switch, let me know.

Or, if there are any other areas of the forums you want to make draggable and resizable, let me know in this thread.