fix(gantt): tasks resizing indicators should point both left and right

telerik · Dec 4, 2024 · a969ece · a969ece
1 parent fdf723f
commit a969ece
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 6 deletions.
diff --git a/packages/default/scss/gantt/_layout.scss b/packages/default/scss/gantt/_layout.scss
@@ -473,7 +473,7 @@
         position: absolute;
         bottom: 0;
         // display: none;
-        cursor: e-resize;
+        cursor: ew-resize;
         visibility: hidden;
     }
     .k-task-wrap:hover .k-task-draghandle {
@@ -551,18 +551,28 @@
             opacity: .5;
             z-index: 2;
             visibility: hidden;
+            cursor: ew-resize;
         }
+
         .k-resize-handle::before {
             position: absolute;
             top: 2px;
             bottom: 2px;
         }
-        .k-resize-w { left: 0; }
+
+        .k-resize-w {
+            left: 0;
+        }
+
         .k-resize-w::before {
             left: 2px;
             border-left-width: 1px;
         }
-        .k-resize-e { right: 0; }
+
+        .k-resize-e {
+            right: 0;
+        }
+
         .k-resize-e::before {
             right: 2px;
             border-left-width: 1px;

diff --git a/packages/fluent/scss/gantt/_layout.scss b/packages/fluent/scss/gantt/_layout.scss
@@ -455,6 +455,7 @@
     }
     .k-task-start { inset-inline-start: 0; }
     .k-task-end { inset-inline-end: 0; }
+
     .k-task-draghandle {
         margin-inline-start: 16px;
         width: 0;
@@ -465,9 +466,10 @@
         position: absolute;
         bottom: 0;
         // display: none;
-        cursor: e-resize;
+        cursor: ew-resize;
         visibility: hidden;
     }
+
     .k-task-wrap:hover .k-task-draghandle {
         visibility: visible;
     }
@@ -543,18 +545,28 @@
             opacity: .5;
             z-index: 2;
             visibility: hidden;
+            cursor: ew-resize;
         }
+
         .k-resize-handle::before {
             position: absolute;
             top: 2px;
             bottom: 2px;
         }
-        .k-resize-w { left: 0; }
+
+        .k-resize-w {
+            left: 0;
+        }
+
         .k-resize-w::before {
             left: 2px;
             border-left-width: 1px;
         }
-        .k-resize-e { right: 0; }
+
+        .k-resize-e {
+            right: 0;
+        }
+
         .k-resize-e::before {
             right: 2px;
             border-left-width: 1px;