From d100b60e9d8e5f9cd1ca3e9135f86fa2b66f8dd9 Mon Sep 17 00:00:00 2001
From: Max Pozdeev <maxpozdeev@gmail.com>
Date: Mon, 19 Oct 2020 15:44:50 +0300
Subject: [PATCH] + show placeholder while tab grabbing

---
 src/content/themes/default/style.css | 1 +
 src/includes/mytinytodo.js           | 8 +++++++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/content/themes/default/style.css b/src/content/themes/default/style.css
index 8632c89..32844e1 100644
--- a/src/content/themes/default/style.css
+++ b/src/content/themes/default/style.css
@@ -70,6 +70,7 @@ a { color:#0000ff; cursor:pointer; text-decoration:underline; }
 .mtt-tabs.mtt-tabs-only-one li { display:none; }
 .mtt-tabs.mtt-tabs-only-one li.mtt-tabs-selected { display:block; }
 .mtt-tabs-hidden { display:none; }
+.mtt-tabs .mtt-list-sort-placeholder { background-color:#ddd; border:1px solid #aaa; }
 
 .mtt-tabs-alltasks { margin:1px 3px 0 3px; }
 .mtt-tabs-alltasks.mtt-tab { border-top-right-radius:0px; border-top-left-radius:8px; }
diff --git a/src/includes/mytinytodo.js b/src/includes/mytinytodo.js
index e7bb9c8..fc8ccaf 100644
--- a/src/includes/mytinytodo.js
+++ b/src/includes/mytinytodo.js
@@ -500,7 +500,13 @@ var mytinytodo = window.mytinytodo = _mtt = {
 			$('#cmenu_note').hide();
 		}
 
-		$("#lists ul").sortable({delay:150, update:listOrderChanged});
+		$("#lists ul").sortable({
+			delay:150,
+			update:listOrderChanged,
+			placeholder: 'mtt-list-sort-placeholder',
+			cursor: 'grabbing'
+		});
+
 		this.applySingletab();