From 8ddea902dc0ae4b46c830ac013ae30d52bc50ef9 Mon Sep 17 00:00:00 2001
From: Catouse <catouse@gmail.com>
Date: Wed, 24 Oct 2018 20:13:48 +0800
Subject: [PATCH] * improve UI of kanban, finish task #5053.

---
 module/project/js/kanban.js         | 23 ++++++++++++++++-------
 module/project/view/kanban.html.php |  2 +-
 2 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/module/project/js/kanban.js b/module/project/js/kanban.js
index e9b6dd0341..655c6c8e8d 100644
--- a/module/project/js/kanban.js
+++ b/module/project/js/kanban.js
@@ -2,14 +2,25 @@ $(function()
 {
     var adjustBoardsHeight = function()
     {
-        $('.c-boards').each(function()
+        var $cBoards = $('.c-boards');
+        if ($cBoards.length === 1)
         {
-            var height = $(window).height() - $('#header').height() - $('#footer').height() - 40 - 105;
-            var $boardsWrapper = $(this).find('.boards-wrapper');
-            $boardsWrapper.height(height);
+            var $boardsWrapper = $cBoards.find('.boards-wrapper');
+            $boardsWrapper.css('min-height', $(window).height() - $('#header').height() - $('#footer').height() - 111);
             if($boardsWrapper.height() > $boardsWrapper.find('.boards').height())
             {
-                $boardsWrapper.find('.boards').css('height', $(this).height() - 1);
+                $boardsWrapper.find('.boards').css('min-height', $boardsWrapper.height() - 1);
+            }
+            return
+        }
+        $cBoards.each(function()
+        {
+            var height = $(window).height() - $('#header').height() - $('#footer').height() - 111;
+            var $boardsWrapper = $(this).find('.boards-wrapper');
+            $boardsWrapper.css('max-height', height);
+            if($boardsWrapper.height() > $boardsWrapper.find('.boards').height())
+            {
+                $boardsWrapper.find('.boards').css('max-height', $(this).height() - 1);
             }
         });
     };
@@ -98,12 +109,10 @@ $(function()
     };
 
     var kanbanModalTrigger = new $.zui.ModalTrigger({type: 'iframe', width:800});
-    var lastOperation;
     var dropTo = function(id, from, to, type)
     {
         if(statusMap[type][from] && statusMap[type][from][to])
         {
-            lastOperation = {id: id, from: from, to: to};
             kanbanModalTrigger.show(
             {
                 url: $.createLink(type, statusMap[type][from][to], 'id=' + id) + onlybody,
diff --git a/module/project/view/kanban.html.php b/module/project/view/kanban.html.php
index 7e9c6f336e..a6f848beef 100644
--- a/module/project/view/kanban.html.php
+++ b/module/project/view/kanban.html.php
@@ -76,7 +76,7 @@ $account = $this->app->user->account;
     </p>
   </div>
   <?php else:?>
-  <table class="table table-grouped text-center">
+  <table class="table no-margin table-grouped text-center">
     <thead>
       <tr>
         <?php $hasGroupCol = (($type == 'story' and count($stories) > 0) or $type != 'story');?>