Forum list can be reordered with drag and drop (#12909).

git-svn-id: http://svn.redmine.org/redmine/trunk@15337 e93f8b46-1217-0410-a6f0-8f06a7374b81

2 files changed, 10 insertions, 6 deletions

diff --git a/public/javascripts/application.js b/public/javascripts/application.js
index f791addab..da8b64dff 100644
--- a/public/javascripts/application.js
+++ b/public/javascripts/application.js
@@ -599,7 +599,7 @@ function beforeShowDatePicker(input, inst) {
     return this.sortable($.extend({
       handle: ".sort-handle",
       helper: function(event, ui){
-        ui.children().each(function(){
+        ui.children('td').each(function(){
           $(this).width($(this).width());
         });
         return ui;
diff --git a/public/stylesheets/application.css b/public/stylesheets/application.css
index 6ee3031c2..d84291239 100644
--- a/public/stylesheets/application.css
+++ b/public/stylesheets/application.css
@@ -138,21 +138,23 @@ a#toggle-completed-versions {color:#999;}
 a.toggle-checkboxes { margin-left: 5px; padding-left: 12px; background: url(../images/toggle_check.png) no-repeat 0% 50%; }
 
 /***** Tables *****/
-table.list { border: 1px solid #e4e4e4;  border-collapse: collapse; width: 100%; margin-bottom: 4px; }
-table.list th {  background-color:#EEEEEE; padding: 4px; white-space:nowrap; }
+table.list, .table-list { border: 1px solid #e4e4e4;  border-collapse: collapse; width: 100%; margin-bottom: 4px; }
+table.list th, .table-list-header { background-color:#EEEEEE; padding: 4px; white-space:nowrap; font-weight:bold; }
 table.list td {text-align:center; vertical-align:top; padding-right:10px;}
 table.list td.id { width: 2%; text-align: center;}
 table.list td.name, table.list td.description, table.list td.subject, table.list td.comments, table.list td.roles {text-align: left;}
 table.list td.tick {width:15%}
 table.list td.checkbox { width: 15px; padding: 2px 0 0 0; }
 table.list td.checkbox input {padding:0px;}
-table.list td.buttons { width: 15%; white-space:nowrap; text-align: right; }
-table.list td.buttons a { margin-right: 0.6em; }
-table.list td.buttons img {vertical-align:middle;}
+table.list td.buttons, div.buttons { width: 15%; white-space:nowrap; text-align: right; }
+table.list td.buttons a, div.buttons a { margin-right: 0.6em; }
+table.list td.buttons img, div.buttons img {vertical-align:middle;}
 table.list td.reorder {width:15%; white-space:nowrap; text-align:center; }
 table.list table.progress td {padding-right:0px;}
 table.list caption { text-align: left; padding: 0.5em 0.5em 0.5em 0; }
 
+.table-list-cell {display: table-cell; vertical-align: top; padding:2px; }
+
 tr.project td.name a { white-space:nowrap; }
 tr.project.closed, tr.project.archived { color: #aaa; }
 tr.project.closed a, tr.project.archived a { color: #aaa; }
@@ -272,6 +274,8 @@ a.sort.desc { background-image: url(../images/sort_desc.png); }
 table.boards a.board, h3.comments { background: url(../images/comment.png) no-repeat 0% 50%; padding-left: 20px; }
 table.boards td.last-message {text-align:left;font-size:80%;}
 
+div.table-list.boards .table-list-cell.name {width: 30%;}
+
 table.messages td.last_message {text-align:left;}
 
 #query_form_content {font-size:90%;}