drag UX

1 files changed, 12 insertions, 2 deletions

diff --git a/static/js/pichat2.js b/static/js/pichat2.js
index 82b6ae4..03c9692 100644
--- a/static/js/pichat2.js
+++ b/static/js/pichat2.js
@@ -610,12 +610,14 @@ $(function(){
 	// dragging images into the manual fave palette
 	var palette = document.getElementById("manual-palette");
 	var paletteButton = document.getElementById("manual-palette-button");
+	var paletteTimeout = null;
 	var paletteCallbacks = {
 		'enter': function() {
+			if (paletteTimeout) clearTimeout(paletteTimeout);
 			manPaletteShow();
 		},
 		'leave': function() {
-			manPaletteHide();
+			paletteTimeout = setTimeout(manPaletteHideUnlessChecked, 500);
 		},
 		'drop': function (url) {
 			addManualFav(url);
@@ -1253,14 +1255,22 @@ $(function(){
     });
 });
 
+var manPaletteClicked = false;
 function manPaletteToggle() {
     if ($("#manual-palette").css("display") == "none") {
-        manPaletteShow();
+		    manPaletteClicked = true;
+				manPaletteShow();
     } else {
+		    manPaletteClicked = false;
     		manPaletteHide();
     }
 };
 
+function manPaletteHideUnlessChecked (){
+	if (manPaletteClicked) return;
+	manPaletteHide();
+}
+
 function manPaletteHide() {
 	$("#manual-palette").css("display", "none");
 	$("#manual-palette-thumbs").html("");