From f4188b48a2e1a266de4c85bab66b67d5f26078f2 Mon Sep 17 00:00:00 2001
From: Hao Sun <sunhao@easycorp.ltd>
Date: Mon, 28 Mar 2022 15:49:44 +0800
Subject: [PATCH 1/2] * skip to request on orders not changed in kanban.

---
 module/kanban/js/view.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/module/kanban/js/view.js b/module/kanban/js/view.js
index efca835661..d7def024ed 100644
--- a/module/kanban/js/view.js
+++ b/module/kanban/js/view.js
@@ -1450,6 +1450,8 @@ function initSortable()
         },
         finish: function(e)
         {
+            if(!e.changed) return;
+
             var url      = '';
             var orders   = [];
             var regionID = '';

From cd4c0ae7089d3f9580fb6dcbfbdf36931ad7dc3b Mon Sep 17 00:00:00 2001
From: Hao Sun <sunhao@easycorp.ltd>
Date: Mon, 28 Mar 2022 15:50:08 +0800
Subject: [PATCH 2/2] * bug #20927, limit affixed header in kanban container.

---
 module/common/view/kanban.html.php | 23 ++++++++++++++++-------
 module/execution/js/taskkanban.js  | 24 ++++++++++++++++++++++++
 2 files changed, 40 insertions(+), 7 deletions(-)

diff --git a/module/common/view/kanban.html.php b/module/common/view/kanban.html.php
index 08a9b065f3..d2064ea4c0 100644
--- a/module/common/view/kanban.html.php
+++ b/module/common/view/kanban.html.php
@@ -33,7 +33,10 @@
 #kanbanList .no-flex .kanban-lane > .kanban-sub-lanes[data-sub-lanes-count="2"] > .kanban-sub-lane {min-height: 45px;}
 
 .kanban-affixed {padding-top: 72px;}
-.kanban-affixed > .kanban-header {position: fixed!important; top: 0; background: rgba(80,80,80,.9); color: #fff; z-index: 100;}
+.kanban-affixed > .kanban-header {position: fixed!important; top: 0; color: #fff; z-index: 100; overflow: hidden; min-width: 0; background: none;}
+.kanban-affixed > .kanban-header > .kanban-header-cols {position: absolute; height: 100%; top: 0; background: rgba(80,80,80,.9);}
+.kanban-affixed > .kanban-header > .kanban-group-header {display: none;}
+.kanban-affixed > .kanban-header > .kanban-header-cols:before {display: block; content: ' '; position: absolute; left: -20px; top: 0; bottom: 0; background-color: inherit; width: 20px;}
 
 #kanbanList .kanban-col[data-type="unclosedProduct"] .kanban-item {padding: 0;}
 #kanbanList .kanban-col[data-type="unclosedProduct"] .kanban-lane-items {height: 100%; display: flex; flex-direction: column; justify-content: center; padding: 0; overflow: hidden;}
@@ -376,16 +379,22 @@ function renderKanbanItem(item, $item, col, lane, kanban)
 function affixKanbanHeader($kanbanBoard, affixed)
 {
     var $header = $kanbanBoard.children('.kanban-header');
-    var headerStyle = {width: '', left: ''};
+    var $headerCols = $header.children('.kanban-header-cols');
+    var headerStyle = {width: '', left: 0};
+    var headerColsStyle = {width: '', marginLeft: ''};
     if(affixed)
     {
-        headerStyle.width = $kanbanBoard.width();
-        if($kanbanBoard[0].getBoundingClientRect)
-        {
-            headerStyle.left = $kanbanBoard[0].getBoundingClientRect().left;
-        }
+        var $kanban = $kanbanBoard.closest('.kanban');
+        var kanbanBounding = $kanban[0].getBoundingClientRect();
+        var kanbanBoardBounding = $kanbanBoard[0].getBoundingClientRect();
+        var laneNameWidth = +$headerCols.css('left').replace('px', '');
+        headerStyle.width = kanbanBounding.width;
+        headerStyle.left = kanbanBounding.left;
+        headerColsStyle.width = kanbanBoardBounding.width - laneNameWidth;
+        headerColsStyle.marginLeft = kanbanBoardBounding.left - kanbanBounding.left;
     }
     $header.css(headerStyle);
+    $headerCols.css(headerColsStyle);
     $kanbanBoard.toggleClass('kanban-affixed', !!affixed);
     $kanbanBoard.css('padding-top', affixed ? $header.outerHeight() : '');
 }
diff --git a/module/execution/js/taskkanban.js b/module/execution/js/taskkanban.js
index 871c6b735c..03defee35c 100644
--- a/module/execution/js/taskkanban.js
+++ b/module/execution/js/taskkanban.js
@@ -988,6 +988,30 @@ function changeKanbanScaleSize(newScaleSize)
     return newScaleSize;
 }
 
+/** Affix kanban board header */
+window.affixKanbanHeader = function($kanbanBoard, affixed)
+{
+    var $header = $kanbanBoard.children('.kanban-header');
+    var $headerCols = $header.children('.kanban-header-cols');
+    var headerStyle = {width: '', left: 0};
+    var headerColsStyle = {width: '', marginLeft: ''};
+    if(affixed)
+    {
+        var $kanban = $('#kanbanContainer');
+        var kanbanBounding = $kanban[0].getBoundingClientRect();
+        var kanbanBoardBounding = $kanbanBoard[0].getBoundingClientRect();
+        var laneNameWidth = +$headerCols.css('left').replace('px', '');
+        headerStyle.width = kanbanBounding.width;
+        headerStyle.left = kanbanBounding.left;
+        headerColsStyle.width = kanbanBoardBounding.width - laneNameWidth;
+        headerColsStyle.marginLeft = kanbanBoardBounding.left - kanbanBounding.left;
+    }
+    $header.css(headerStyle);
+    $headerCols.css(headerColsStyle);
+    $kanbanBoard.toggleClass('kanban-affixed', !!affixed);
+    $kanbanBoard.css('padding-top', affixed ? $header.outerHeight() : '');
+}
+
 /* Example code: */
 $(function()
 {