made the sorting a bit smoother by adding a placeholder

2 files changed, 25 insertions, 1 deletions

diff --git a/public/javascripts/admin_interface.js b/public/javascripts/admin_interface.js
index b70700b..b0e43e6 100644
--- a/public/javascripts/admin_interface.js
+++ b/public/javascripts/admin_interface.js
@@ -83,9 +83,13 @@ menu_item_sorter = {
   
   initialize : function() {
     $("#menu_item_list").sortable({
-      axis: 'y', 
+      axis: 'y',
       items: 'tr',
       handle: 'td',
+      placeholder: 'ui-state-highlight',
+      start: function(e, ui) {
+        menu_item_sorter.placeholder_helper(e,ui);
+      },
       stop : function(){
         $.ajax({
           type: "POST",
@@ -98,6 +102,10 @@ menu_item_sorter = {
         });
       }
     });
+  },
+  
+  placeholder_helper : function(e,ui) {
+    $(".ui-state-highlight").html("<td colspan='100%'></td>");
   }
 }
       
diff --git a/public/stylesheets/admin.css b/public/stylesheets/admin.css
index faebbea..a2da502 100644
--- a/public/stylesheets/admin.css
+++ b/public/stylesheets/admin.css
@@ -340,3 +340,19 @@ table#content th.description {
 table#content th.content {
   width: 690px;
 }
+
+#menu_item_list {
+  border-collapse: collapse;
+}
+
+#menu_item_list tr:hover {
+  background-color: #f1f1f1;
+}
+
+#menu_item_list td {
+  height: 20px;
+}
+
+.ui-state-highlight td{
+  height: 20px;
+}
\ No newline at end of file