feat: changes needed for ff integration

Author: safwansamsudeen

src/bar.js

@@ -286,7 +286,10 @@ export default class Bar {
         const bar = this.$bar;
         const handle_width = 3;
         this.handles = [];
-        if (!this.gantt.options.readonly_dates) {
+        if (
+            !this.gantt.options.readonly_dates &&
+            !this.gantt.options.fixed_duration
+        ) {
             this.handles.push(
                 createSVG('rect', {
                     x: bar.getEndX() - handle_width / 2,

src/defaults.js

@@ -149,6 +149,7 @@ const DEFAULT_OPTIONS = {
     popup_on: 'click',
     readonly_progress: false,
     readonly_dates: false,
+    fixed_duration: false,
     readonly: false,
     scroll_to: 'today',
     show_expected_progress: false,

src/index.js

@@ -700,7 +700,6 @@ export default class Gantt {
 
         const index = Math.floor(x / this.config.column_width);
         const targetCell = columns[index];
-        console.log(this.options);
         if (!targetCell) return null;
 
         const match = targetCell.className.match(/date_(\d{4}-\d{2}-\d{2})/);

src/styles/gantt.css

@@ -1,6 +1,7 @@
 @import './light.css';
 
 .gantt-container {
+    isolation: isolate;
     line-height: 14.5px;
     position: relative;
     overflow: auto;
@@ -18,7 +19,7 @@
         padding: 10px;
         border-radius: 5px;
         width: max-content;
-        z-index: 1000;
+        z-index: 2;
 
         & .title {
             margin-bottom: 2px;
@@ -76,7 +77,6 @@
         top: 0;
         left: 0;
         border-bottom: 1px solid var(--g-row-border-color);
-        z-index: 1000;
     }
 
     & .lower-text,
@@ -125,7 +125,6 @@
         right: 0;
         float: right;
 
-        z-index: 1000;
         line-height: 20px;
         font-weight: 400;
         width: max-content;
@@ -182,13 +181,12 @@
         position: absolute;
         background: var(--g-today-highlight);
         width: 1px;
-        z-index: 999;
     }
 
     & .current-ball-highlight {
         position: absolute;
         background: var(--g-today-highlight);
-        z-index: 1001;
+        z-index: 1;
         border-radius: 50%;
     }
 
@@ -203,7 +201,6 @@
         top: 0;
         left: 0;
         opacity: 0;
-        z-index: 1000;
         background: --g-weekend-label-color;
         border-radius: 5px;
         padding: 2px 5px;
@@ -346,7 +343,7 @@
     }
 
     .grid-column:hover {
-        fill:rgba(150, 150, 150, 0.05) !important;
+        fill:rgba(49, 49, 49, 0.05) !important;
         transition: fill 0.1s ease;
     }
 }