gantt-task-react-v 1.0.17 → 1.0.18

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

@@ -13147,12 +13147,12 @@ const TaskGanttContentInner = (props) => {
   ] });
 };
 const TaskGanttContent = memo(TaskGanttContentInner);
-const ganttVerticalContainer = "_ganttVerticalContainer_7rmhe_1";
-const horizontalContainer = "_horizontalContainer_7rmhe_79";
-const ganttHeader = "_ganttHeader_7rmhe_95";
-const ganttBodyScroll = "_ganttBodyScroll_7rmhe_105";
-const wrapper = "_wrapper_7rmhe_121";
-const calendarDragging = "_calendarDragging_7rmhe_147";
+const ganttVerticalContainer = "_ganttVerticalContainer_15txg_1";
+const horizontalContainer = "_horizontalContainer_15txg_79";
+const ganttHeader = "_ganttHeader_15txg_143";
+const ganttBodyScroll = "_ganttBodyScroll_15txg_153";
+const wrapper = "_wrapper_15txg_217";
+const calendarDragging = "_calendarDragging_15txg_243";
 const styles$2 = {
   ganttVerticalContainer,
   horizontalContainer,

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

@@ -13164,12 +13164,12 @@
     ] });
   };
   const TaskGanttContent = React.memo(TaskGanttContentInner);
-  const ganttVerticalContainer = "_ganttVerticalContainer_7rmhe_1";
-  const horizontalContainer = "_horizontalContainer_7rmhe_79";
-  const ganttHeader = "_ganttHeader_7rmhe_95";
-  const ganttBodyScroll = "_ganttBodyScroll_7rmhe_105";
-  const wrapper = "_wrapper_7rmhe_121";
-  const calendarDragging = "_calendarDragging_7rmhe_147";
+  const ganttVerticalContainer = "_ganttVerticalContainer_15txg_1";
+  const horizontalContainer = "_horizontalContainer_15txg_79";
+  const ganttHeader = "_ganttHeader_15txg_143";
+  const ganttBodyScroll = "_ganttBodyScroll_15txg_153";
+  const wrapper = "_wrapper_15txg_217";
+  const calendarDragging = "_calendarDragging_15txg_243";
   const styles$2 = {
     ganttVerticalContainer,
     horizontalContainer,

package/dist/style.css

@@ -581,10 +581,10 @@
   user-select: none;
   stroke-width: 0;
 }
-._ganttVerticalContainer_7rmhe_1 {
+._ganttVerticalContainer_15txg_1 {
   display: flex;
   flex-direction: column;
-  overflow-x: hidden;
+  overflow-x: auto;
   overflow-y: hidden;
   font-size: 0;
   margin: 0;
@@ -596,16 +596,16 @@
   min-height: 0;
 }
 
-._ganttVerticalContainer_7rmhe_1::-webkit-scrollbar {
+._ganttVerticalContainer_15txg_1::-webkit-scrollbar {
   width: 1rem;
   height: 1rem;
 }
 
-._ganttVerticalContainer_7rmhe_1::-webkit-scrollbar-corner {
+._ganttVerticalContainer_15txg_1::-webkit-scrollbar-corner {
   background: transparent;
 }
 
-._ganttVerticalContainer_7rmhe_1::-webkit-scrollbar-thumb {
+._ganttVerticalContainer_15txg_1::-webkit-scrollbar-thumb {
   border: 4px solid transparent;
   /*noinspection CssUnresolvedCustomProperty*/
   background: var(--gantt-scrollbar-thumb-color);
@@ -613,27 +613,51 @@
   background-clip: padding-box;
 }
 
-._ganttVerticalContainer_7rmhe_1::-webkit-scrollbar-thumb:hover {
+._ganttVerticalContainer_15txg_1::-webkit-scrollbar-thumb:hover {
   border: 2px solid transparent;
   /*noinspection CssUnresolvedCustomProperty*/
   background: var(--gantt-scrollbar-thumb-color);
   background-clip: padding-box;
 }
 
-._horizontalContainer_7rmhe_79 {
+._horizontalContainer_15txg_79 {
   margin: 0;
   padding: 0;
-  overflow: hidden;
+  overflow: auto;
   height: 100%;
   min-height: 0;
 }
 
-._ganttHeader_7rmhe_95 {
+._horizontalContainer_15txg_79::-webkit-scrollbar {
+  width: 1rem;
+  height: 1rem;
+}
+
+._horizontalContainer_15txg_79::-webkit-scrollbar-corner {
+  background: transparent;
+}
+
+._horizontalContainer_15txg_79::-webkit-scrollbar-thumb {
+  border: 4px solid transparent;
+  /*noinspection CssUnresolvedCustomProperty*/
+  background: var(--gantt-scrollbar-thumb-color);
+  border-radius: 12px;
+  background-clip: padding-box;
+}
+
+._horizontalContainer_15txg_79::-webkit-scrollbar-thumb:hover {
+  border: 2px solid transparent;
+  /*noinspection CssUnresolvedCustomProperty*/
+  background: var(--gantt-scrollbar-thumb-color);
+  background-clip: padding-box;
+}
+
+._ganttHeader_15txg_143 {
   flex: 0 0 auto;
   z-index: 3;
 }
 
-._ganttBodyScroll_7rmhe_105 {
+._ganttBodyScroll_15txg_153 {
   flex: 1 1 auto;
   overflow-y: auto;
   overflow-x: hidden;
@@ -641,7 +665,31 @@
   height: 100%;
 }
 
-._wrapper_7rmhe_121 {
+._ganttBodyScroll_15txg_153::-webkit-scrollbar {
+  width: 1rem;
+  height: 1rem;
+}
+
+._ganttBodyScroll_15txg_153::-webkit-scrollbar-corner {
+  background: transparent;
+}
+
+._ganttBodyScroll_15txg_153::-webkit-scrollbar-thumb {
+  border: 4px solid transparent;
+  /*noinspection CssUnresolvedCustomProperty*/
+  background: var(--gantt-scrollbar-thumb-color);
+  border-radius: 12px;
+  background-clip: padding-box;
+}
+
+._ganttBodyScroll_15txg_153::-webkit-scrollbar-thumb:hover {
+  border: 2px solid transparent;
+  /*noinspection CssUnresolvedCustomProperty*/
+  background: var(--gantt-scrollbar-thumb-color);
+  background-clip: padding-box;
+}
+
+._wrapper_15txg_217 {
   display: flex;
   padding: 0;
   margin: 0;
@@ -654,7 +702,7 @@
   min-height: 0;
 }
 
-._calendarDragging_7rmhe_147 {
+._calendarDragging_15txg_243 {
   cursor: grabbing;
 }
 /*noinspection CssUnresolvedCustomProperty*/

package/package.json

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