gantt-task-react-v 1.2.13 → 1.2.14

package/dist/gantt-task-react.es.js

@@ -10911,7 +10911,7 @@ const styles$c = {
 };
 const GanttTodayInner = ({
   additionalLeftSpace,
-  distances: { columnWidth },
+  distances,
   ganttFullHeight,
   isUnknownDates,
   rtl,
@@ -10925,6 +10925,7 @@ const GanttTodayInner = ({
   todayLabel = "Today",
   dataDateLabel = "Data Date"
 }) => {
+  const { columnWidth, rowHeight, barFill } = distances;
   const todayElement = useMemo(() => {
     if (isUnknownDates || !showTodayLine) {
       return null;
@@ -11031,15 +11032,15 @@ const GanttTodayInner = ({
       }
     };
     const tickX = dataIndex * columnWidth * extraMultiplier();
-    const baseX = rtl ? tickX + columnWidth : tickX;
+    const dateBaseX = rtl ? tickX + columnWidth : tickX;
     const color = dataDateColor || "var(--gantt-calendar-today-color)";
-    const size = 12;
-    const half = size / 2;
-    const centerX = baseX + 1;
+    const taskHeight = rowHeight * barFill / 100;
+    const rotatedHeight = taskHeight / Math.SQRT2;
+    const centerX = dateBaseX;
     const centerY = 6;
-    const rectX = centerX - half;
-    const rectY = centerY - half;
-    const rightEdgeX = centerX + half * Math.SQRT2;
+    const rectX = centerX - rotatedHeight / 2;
+    const rectY = centerY - rotatedHeight / 2;
+    const rightEdgeX = centerX + taskHeight / 2;
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
         "rect",
@@ -11057,8 +11058,8 @@ const GanttTodayInner = ({
         {
           x: additionalLeftSpace + rectX,
           y: rectY,
-          width: size,
-          height: size,
+          width: rotatedHeight,
+          height: rotatedHeight,
           fill: color,
           transform: `rotate(45 ${additionalLeftSpace + centerX} ${centerY})`,
           rx: 2,
@@ -11087,7 +11088,9 @@ const GanttTodayInner = ({
     showDataDateLine,
     dataDate,
     dataDateColor,
-    dataDateLabel
+    dataDateLabel,
+    rowHeight,
+    barFill
   ]);
   return /* @__PURE__ */ jsxs("g", { className: "today", children: [
     dataDateElement,

package/dist/gantt-task-react.umd.js

@@ -10928,7 +10928,7 @@
   };
   const GanttTodayInner = ({
     additionalLeftSpace,
-    distances: { columnWidth },
+    distances,
     ganttFullHeight,
     isUnknownDates,
     rtl,
@@ -10942,6 +10942,7 @@
     todayLabel = "Today",
     dataDateLabel = "Data Date"
   }) => {
+    const { columnWidth, rowHeight, barFill } = distances;
     const todayElement = React.useMemo(() => {
       if (isUnknownDates || !showTodayLine) {
         return null;
@@ -11048,15 +11049,15 @@
         }
       };
       const tickX = dataIndex * columnWidth * extraMultiplier();
-      const baseX = rtl ? tickX + columnWidth : tickX;
+      const dateBaseX = rtl ? tickX + columnWidth : tickX;
       const color = dataDateColor || "var(--gantt-calendar-today-color)";
-      const size = 12;
-      const half = size / 2;
-      const centerX = baseX + 1;
+      const taskHeight = rowHeight * barFill / 100;
+      const rotatedHeight = taskHeight / Math.SQRT2;
+      const centerX = dateBaseX;
       const centerY = 6;
-      const rectX = centerX - half;
-      const rectY = centerY - half;
-      const rightEdgeX = centerX + half * Math.SQRT2;
+      const rectX = centerX - rotatedHeight / 2;
+      const rectY = centerY - rotatedHeight / 2;
+      const rightEdgeX = centerX + taskHeight / 2;
       return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           "rect",
@@ -11074,8 +11075,8 @@
           {
             x: additionalLeftSpace + rectX,
             y: rectY,
-            width: size,
-            height: size,
+            width: rotatedHeight,
+            height: rotatedHeight,
             fill: color,
             transform: `rotate(45 ${additionalLeftSpace + centerX} ${centerY})`,
             rx: 2,
@@ -11104,7 +11105,9 @@
       showDataDateLine,
       dataDate,
       dataDateColor,
-      dataDateLabel
+      dataDateLabel,
+      rowHeight,
+      barFill
     ]);
     return /* @__PURE__ */ jsxRuntime.jsxs("g", { className: "today", children: [
       dataDateElement,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gantt-task-react-v",
-  "version": "1.2.13",
+  "version": "1.2.14",
   "description": "Interactive Gantt Chart for React with TypeScript.",
   "author": "aguilanbon",
   "homepage": "https://github.com/aguilanbon/gantt-task-react-v",