gantt-task-react-v 1.7.5 → 1.7.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -5702,9 +5702,8 @@ const TaskListTableHeadersDefaultInner = ({
5702
5702
  result[i] = {
5703
5703
  position: "sticky",
5704
5704
  left: leftOffset,
5705
- zIndex: 2,
5706
- backgroundColor: "var(--gantt-table-header-background-color, #fff)",
5707
- paddingRight: 8
5705
+ zIndex: 3,
5706
+ backgroundColor: "var(--gantt-table-header-background-color, #fff)"
5708
5707
  };
5709
5708
  leftOffset += columns[i].width;
5710
5709
  }
@@ -5715,9 +5714,8 @@ const TaskListTableHeadersDefaultInner = ({
5715
5714
  result[i] = {
5716
5715
  position: "sticky",
5717
5716
  right: rightOffset,
5718
- zIndex: 2,
5719
- backgroundColor: "var(--gantt-table-header-background-color, #fff)",
5720
- paddingLeft: 8
5717
+ zIndex: 3,
5718
+ backgroundColor: "var(--gantt-table-header-background-color, #fff)"
5721
5719
  };
5722
5720
  rightOffset += columns[i].width;
5723
5721
  }
@@ -10477,26 +10475,24 @@ const TaskListTableRowInner = forwardRef(
10477
10475
  }, [isCut2, moveOverPosition, isOverlay2, isDragging]);
10478
10476
  const pinnedStyles = useMemo(() => {
10479
10477
  const result = {};
10480
- const pinnedBg = backgroundColor || "var(--gantt-background-color, #fff)";
10478
+ const pinnedBase = {
10479
+ position: "relative",
10480
+ zIndex: 3,
10481
+ backgroundColor: backgroundColor || "var(--gantt-background-color, #fff)"
10482
+ };
10481
10483
  for (let i = 0; i < columns.length; i++) {
10482
10484
  if (columns[i].pinned === "left") {
10483
10485
  result[i] = {
10484
- position: "relative",
10485
- transform: "translateX(var(--pinned-translate-left, 0px))",
10486
- zIndex: 2,
10487
- backgroundColor: pinnedBg,
10488
- paddingRight: 8
10486
+ ...pinnedBase,
10487
+ transform: "translateX(var(--pinned-translate-left, 0px))"
10489
10488
  };
10490
10489
  }
10491
10490
  }
10492
10491
  for (let i = columns.length - 1; i >= 0; i--) {
10493
10492
  if (columns[i].pinned === "right") {
10494
10493
  result[i] = {
10495
- position: "relative",
10496
- transform: "translateX(var(--pinned-translate-right, 0px))",
10497
- zIndex: 2,
10498
- backgroundColor: pinnedBg,
10499
- paddingLeft: 8
10494
+ ...pinnedBase,
10495
+ transform: "translateX(var(--pinned-translate-right, 0px))"
10500
10496
  };
10501
10497
  }
10502
10498
  }
@@ -5719,9 +5719,8 @@
5719
5719
  result[i] = {
5720
5720
  position: "sticky",
5721
5721
  left: leftOffset,
5722
- zIndex: 2,
5723
- backgroundColor: "var(--gantt-table-header-background-color, #fff)",
5724
- paddingRight: 8
5722
+ zIndex: 3,
5723
+ backgroundColor: "var(--gantt-table-header-background-color, #fff)"
5725
5724
  };
5726
5725
  leftOffset += columns[i].width;
5727
5726
  }
@@ -5732,9 +5731,8 @@
5732
5731
  result[i] = {
5733
5732
  position: "sticky",
5734
5733
  right: rightOffset,
5735
- zIndex: 2,
5736
- backgroundColor: "var(--gantt-table-header-background-color, #fff)",
5737
- paddingLeft: 8
5734
+ zIndex: 3,
5735
+ backgroundColor: "var(--gantt-table-header-background-color, #fff)"
5738
5736
  };
5739
5737
  rightOffset += columns[i].width;
5740
5738
  }
@@ -10494,26 +10492,24 @@
10494
10492
  }, [isCut2, moveOverPosition, isOverlay2, isDragging]);
10495
10493
  const pinnedStyles = React.useMemo(() => {
10496
10494
  const result = {};
10497
- const pinnedBg = backgroundColor || "var(--gantt-background-color, #fff)";
10495
+ const pinnedBase = {
10496
+ position: "relative",
10497
+ zIndex: 3,
10498
+ backgroundColor: backgroundColor || "var(--gantt-background-color, #fff)"
10499
+ };
10498
10500
  for (let i = 0; i < columns.length; i++) {
10499
10501
  if (columns[i].pinned === "left") {
10500
10502
  result[i] = {
10501
- position: "relative",
10502
- transform: "translateX(var(--pinned-translate-left, 0px))",
10503
- zIndex: 2,
10504
- backgroundColor: pinnedBg,
10505
- paddingRight: 8
10503
+ ...pinnedBase,
10504
+ transform: "translateX(var(--pinned-translate-left, 0px))"
10506
10505
  };
10507
10506
  }
10508
10507
  }
10509
10508
  for (let i = columns.length - 1; i >= 0; i--) {
10510
10509
  if (columns[i].pinned === "right") {
10511
10510
  result[i] = {
10512
- position: "relative",
10513
- transform: "translateX(var(--pinned-translate-right, 0px))",
10514
- zIndex: 2,
10515
- backgroundColor: pinnedBg,
10516
- paddingLeft: 8
10511
+ ...pinnedBase,
10512
+ transform: "translateX(var(--pinned-translate-right, 0px))"
10517
10513
  };
10518
10514
  }
10519
10515
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "gantt-task-react-v",
3
- "version": "1.7.5",
3
+ "version": "1.7.7",
4
4
  "description": "Interactive Gantt Chart for React with TypeScript.",
5
5
  "author": "aguilanbon",
6
6
  "homepage": "https://github.com/aguilanbon/gantt-task-react-v",