From 2a1782522d10222f132b08f722f4b19dc6f7a71d Mon Sep 17 00:00:00 2001
From: Charles Hacskaylo <charlesh88@gmail.com>
Date: Mon, 3 Mar 2025 22:18:54 -0800
Subject: [PATCH] Adjustable Time Strip view: column resizing - Column resizing
 now shows the horizontal resize handle on the Time axis swimlane only. Handle
 now uses `:height` from the extended overlay lines to extend across all
 swimlanes. - TODO: fix regressions in Plan/Gantt view affecting swimlane
 height and overflow handling.

---
 src/plugins/timeline/TimelineViewLayout.vue |  2 ++
 src/ui/components/swim-lane/SwimLane.vue    | 20 +++++++++++++++++++-
 src/ui/components/swim-lane/swimlane.scss   |  6 +++---
 3 files changed, 24 insertions(+), 4 deletions(-)

diff --git a/src/plugins/timeline/TimelineViewLayout.vue b/src/plugins/timeline/TimelineViewLayout.vue
index 43bddd29a3..e2aea33b85 100644
--- a/src/plugins/timeline/TimelineViewLayout.vue
+++ b/src/plugins/timeline/TimelineViewLayout.vue
@@ -25,6 +25,8 @@
     <SwimLane
       v-for="timeSystemItem in timeSystems"
       :key="timeSystemItem.timeSystem.key"
+      :canShowResizeHandle="true"
+      :resizeHandleHeight="height"
       class="c-swimlane__time-axis"
     >
       <template #label>
diff --git a/src/ui/components/swim-lane/SwimLane.vue b/src/ui/components/swim-lane/SwimLane.vue
index 7652511e7b..06277cfc5b 100644
--- a/src/ui/components/swim-lane/SwimLane.vue
+++ b/src/ui/components/swim-lane/SwimLane.vue
@@ -56,7 +56,12 @@
           @click="pressOnButton"
         />
       </div>
-      <div class="c-swimlane__handle horizontal" @mousedown="mousedown"></div>
+      <div
+        v-if="canShowResizeHandle"
+        class="c-swimlane__handle horizontal"
+        :style="{ height: `${resizeHandleHeight}px` }"
+        @mousedown="mousedown"
+      ></div>
     </div>
 
     <div
@@ -118,6 +123,19 @@ export default {
         return false;
       }
     },
+    canShowResizeHandle: {
+      type: Boolean,
+      default() {
+        return false;
+      }
+    },
+    resizeHandleHeight: {
+      type: Number,
+      required: false,
+      default() {
+        return 32;
+      }
+    },
     spanRowsCount: {
       type: Number,
       default() {
diff --git a/src/ui/components/swim-lane/swimlane.scss b/src/ui/components/swim-lane/swimlane.scss
index 50f1b456c5..b3748a1c71 100644
--- a/src/ui/components/swim-lane/swimlane.scss
+++ b/src/ui/components/swim-lane/swimlane.scss
@@ -55,6 +55,7 @@
   &__handle {
     $size: $handleSize;
     $margin: $handleMargin;
+    z-index: 2;
 
     @include resizeHandleStyle($size, $margin);
 
@@ -69,7 +70,7 @@
     &.horizontal {
       // Resizes in X dimension
       left: auto;
-      right: -1 * $handleHitSize;
+      right: math.floor($handleHitSize * -0.5);
       width: $handleHitSize;
     }
   }
@@ -102,8 +103,7 @@
   }
 
   .is-editing & {
-    // TODO: BETTER SELECTOR TO LIMIT STYLING TO TIME STRIP IN MAIN VIEW, NOT NESTED VIEWS
-    grid-column-gap: $handleHitSize;
+    //grid-column-gap: $handleHitSize;
     .c-swimlane__handle {
       display: block;
     }