@syncfusion/ej2-gantt 19.4.41 → 19.4.48

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.
Files changed (63) hide show
  1. package/CHANGELOG.md +36 -0
  2. package/dist/ej2-gantt.umd.min.js +2 -2
  3. package/dist/ej2-gantt.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-gantt.es2015.js +87 -20
  5. package/dist/es6/ej2-gantt.es2015.js.map +1 -1
  6. package/dist/es6/ej2-gantt.es5.js +87 -20
  7. package/dist/es6/ej2-gantt.es5.js.map +1 -1
  8. package/dist/global/ej2-gantt.min.js +2 -2
  9. package/dist/global/ej2-gantt.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +18 -18
  12. package/src/gantt/actions/chart-scroll.js +1 -0
  13. package/src/gantt/actions/edit.d.ts +2 -1
  14. package/src/gantt/actions/edit.js +28 -1
  15. package/src/gantt/actions/filter.js +1 -1
  16. package/src/gantt/actions/keyboard.js +4 -0
  17. package/src/gantt/actions/rowdragdrop.js +1 -1
  18. package/src/gantt/actions/taskbar-edit.js +3 -1
  19. package/src/gantt/base/date-processor.js +8 -1
  20. package/src/gantt/base/gantt-chart.js +6 -2
  21. package/src/gantt/base/gantt.js +18 -5
  22. package/src/gantt/base/task-processor.js +15 -8
  23. package/src/gantt/renderer/edit-tooltip.js +1 -0
  24. package/src/gantt/renderer/tooltip.js +1 -0
  25. package/styles/bootstrap-dark.css +9 -1
  26. package/styles/bootstrap.css +9 -1
  27. package/styles/bootstrap4.css +9 -1
  28. package/styles/bootstrap5-dark.css +9 -1
  29. package/styles/bootstrap5.css +9 -1
  30. package/styles/fabric-dark.css +9 -1
  31. package/styles/fabric.css +9 -1
  32. package/styles/gantt/_bootstrap-dark-definition.scss +0 -1
  33. package/styles/gantt/_bootstrap-definition.scss +0 -1
  34. package/styles/gantt/_bootstrap4-definition.scss +0 -1
  35. package/styles/gantt/_bootstrap5-definition.scss +0 -1
  36. package/styles/gantt/_fabric-dark-definition.scss +0 -1
  37. package/styles/gantt/_fabric-definition.scss +0 -1
  38. package/styles/gantt/_fluent-definition.scss +0 -1
  39. package/styles/gantt/_highcontrast-definition.scss +0 -1
  40. package/styles/gantt/_highcontrast-light-definition.scss +0 -1
  41. package/styles/gantt/_layout.scss +8 -1
  42. package/styles/gantt/_material-dark-definition.scss +0 -1
  43. package/styles/gantt/_material-definition.scss +0 -1
  44. package/styles/gantt/_tailwind-definition.scss +0 -1
  45. package/styles/gantt/bootstrap-dark.css +9 -1
  46. package/styles/gantt/bootstrap.css +9 -1
  47. package/styles/gantt/bootstrap4.css +9 -1
  48. package/styles/gantt/bootstrap5-dark.css +9 -1
  49. package/styles/gantt/bootstrap5.css +9 -1
  50. package/styles/gantt/fabric-dark.css +9 -1
  51. package/styles/gantt/fabric.css +9 -1
  52. package/styles/gantt/highcontrast-light.css +9 -1
  53. package/styles/gantt/highcontrast.css +9 -1
  54. package/styles/gantt/material-dark.css +9 -1
  55. package/styles/gantt/material.css +9 -1
  56. package/styles/gantt/tailwind-dark.css +9 -1
  57. package/styles/gantt/tailwind.css +9 -1
  58. package/styles/highcontrast-light.css +9 -1
  59. package/styles/highcontrast.css +9 -1
  60. package/styles/material-dark.css +9 -1
  61. package/styles/material.css +9 -1
  62. package/styles/tailwind-dark.css +9 -1
  63. package/styles/tailwind.css +9 -1
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * filename: index.d.ts
3
- * version : 19.4.41
3
+ * version : 19.4.48
4
4
  * Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
5
5
  * Use of this code is subject to the terms of our license.
6
6
  * A copy of the current license can be obtained at any time by e-mailing
package/package.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "_from": "@syncfusion/ej2-gantt@*",
3
- "_id": "@syncfusion/ej2-gantt@19.4.40",
3
+ "_id": "@syncfusion/ej2-gantt@19.4.47",
4
4
  "_inBundle": false,
5
- "_integrity": "sha512-n0OWrN70jN14qD8VVJ5+m4C0QyN8mwF3kaM84Buq3rrw8BydgVTIl+SOJcZlG8LJcCOA+ZPw6lrURZ0I+c5xTg==",
5
+ "_integrity": "sha512-l+YvQm0Z1/+Ef512h3b/XR3IJztpcCbx86DtxzQub3wgvn6hiCp9VWkVaaRVr+aQHi0X0dKkFM6UI2LwgnfX9A==",
6
6
  "_location": "/@syncfusion/ej2-gantt",
7
7
  "_phantomChildren": {},
8
8
  "_requested": {
@@ -23,8 +23,8 @@
23
23
  "/@syncfusion/ej2-react-gantt",
24
24
  "/@syncfusion/ej2-vue-gantt"
25
25
  ],
26
- "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-gantt/-/ej2-gantt-19.4.40.tgz",
27
- "_shasum": "34f02fea46bd04853093f007a0c11a5e26967978",
26
+ "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-gantt/-/ej2-gantt-19.4.47.tgz",
27
+ "_shasum": "c0c21390db81e46ad8a05f50c02046c286b88b98",
28
28
  "_spec": "@syncfusion/ej2-gantt@*",
29
29
  "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
30
30
  "author": {
@@ -35,19 +35,19 @@
35
35
  },
36
36
  "bundleDependencies": false,
37
37
  "dependencies": {
38
- "@syncfusion/ej2-base": "~19.4.38",
39
- "@syncfusion/ej2-buttons": "~19.4.38",
40
- "@syncfusion/ej2-calendars": "~19.4.38",
41
- "@syncfusion/ej2-data": "~19.4.38",
42
- "@syncfusion/ej2-dropdowns": "~19.4.41",
43
- "@syncfusion/ej2-grids": "~19.4.41",
44
- "@syncfusion/ej2-inputs": "~19.4.41",
45
- "@syncfusion/ej2-layouts": "~19.4.38",
46
- "@syncfusion/ej2-lists": "~19.4.38",
47
- "@syncfusion/ej2-navigations": "~19.4.41",
48
- "@syncfusion/ej2-popups": "~19.4.41",
49
- "@syncfusion/ej2-richtexteditor": "~19.4.40",
50
- "@syncfusion/ej2-treegrid": "~19.4.41"
38
+ "@syncfusion/ej2-base": "~19.4.48",
39
+ "@syncfusion/ej2-buttons": "~19.4.48",
40
+ "@syncfusion/ej2-calendars": "~19.4.48",
41
+ "@syncfusion/ej2-data": "~19.4.48",
42
+ "@syncfusion/ej2-dropdowns": "~19.4.48",
43
+ "@syncfusion/ej2-grids": "~19.4.48",
44
+ "@syncfusion/ej2-inputs": "~19.4.48",
45
+ "@syncfusion/ej2-layouts": "~19.4.48",
46
+ "@syncfusion/ej2-lists": "~19.4.48",
47
+ "@syncfusion/ej2-navigations": "~19.4.48",
48
+ "@syncfusion/ej2-popups": "~19.4.48",
49
+ "@syncfusion/ej2-richtexteditor": "~19.4.48",
50
+ "@syncfusion/ej2-treegrid": "~19.4.48"
51
51
  },
52
52
  "deprecated": false,
53
53
  "description": "Essential JS 2 Gantt Component",
@@ -75,6 +75,6 @@
75
75
  "url": "git+https://github.com/syncfusion/ej2-gantt.git"
76
76
  },
77
77
  "typings": "index.d.ts",
78
- "version": "19.4.41",
78
+ "version": "19.4.48",
79
79
  "sideEffects": false
80
80
  }
@@ -136,6 +136,7 @@ var ChartScroll = /** @class */ (function () {
136
136
  */
137
137
  ChartScroll.prototype.setScrollTop = function (scrollTop) {
138
138
  this.element.scrollTop = scrollTop;
139
+ this.parent.treeGrid.element.querySelector('.e-content').scrollTop = scrollTop;
139
140
  };
140
141
  /**
141
142
  * To set scroll left for chart scroll container
@@ -438,7 +438,7 @@ export declare class Edit {
438
438
  * @returns {void} .
439
439
  * @private
440
440
  */
441
- updateRealDataSource(addedRecord: IGanttData, rowPosition: RowPosition): void;
441
+ updateRealDataSource(addedRecord: IGanttData | IGanttData[], rowPosition: RowPosition): void;
442
442
  /**
443
443
  * @param {object[]} dataCollection .
444
444
  * @param {IGanttData} record .
@@ -515,6 +515,7 @@ export declare class Edit {
515
515
  private indentOutdentSuccess;
516
516
  private refreshDataSource;
517
517
  private deleteDragRow;
518
+ private updateIndentedChildRecords;
518
519
  private dropMiddle;
519
520
  private updateChildRecordLevel;
520
521
  private updateChildRecord;
@@ -821,7 +821,7 @@ var Edit = /** @class */ (function () {
821
821
  */
822
822
  Edit.prototype.updateParentChildRecord = function (data) {
823
823
  var ganttRecord = data;
824
- if (ganttRecord.hasChildRecords && this.taskbarMoved && this.parent.taskMode === 'Auto') {
824
+ if (ganttRecord.hasChildRecords && this.taskbarMoved && this.parent.taskMode === 'Auto' && this.parent.previousRecords[data.uniqueID].resources === ganttRecord.ganttProperties['resourceNames']) {
825
825
  this.updateChildItems(ganttRecord);
826
826
  }
827
827
  };
@@ -2743,6 +2743,10 @@ var Edit = /** @class */ (function () {
2743
2743
  }
2744
2744
  this.parent.timelineModule.updateTimeLineOnEditing([tempArray], args.action);
2745
2745
  }
2746
+ var flag = getValue('doubleClickTarget', this.parent.treeGrid.editModule);
2747
+ if (flag !== null) {
2748
+ setValue('doubleClickTarget', null, this.parent.treeGrid.editModule);
2749
+ }
2746
2750
  this.addSuccess(args);
2747
2751
  args = this.constructTaskAddedEventArgs(cAddedRecord, args.modifiedRecords, 'add');
2748
2752
  this.parent.trigger('actionComplete', args);
@@ -3146,6 +3150,25 @@ var Edit = /** @class */ (function () {
3146
3150
  var delRow = this.parent.getTaskByUniqueID(this.draggedRecord.uniqueID);
3147
3151
  this.removeRecords(delRow);
3148
3152
  };
3153
+ Edit.prototype.updateIndentedChildRecords = function (indentedRecord) {
3154
+ var createParentItem = {
3155
+ uniqueID: indentedRecord.uniqueID,
3156
+ expanded: indentedRecord.expanded,
3157
+ level: indentedRecord.level,
3158
+ index: indentedRecord.index,
3159
+ taskId: indentedRecord.ganttProperties.rowUniqueID
3160
+ };
3161
+ for (var i = 0; i < indentedRecord.childRecords.length; i++) {
3162
+ this.parent.setRecordValue('parentItem', createParentItem, indentedRecord.childRecords[i]);
3163
+ this.parent.setRecordValue('parentUniqueID', indentedRecord.uniqueID, indentedRecord.childRecords[i]);
3164
+ }
3165
+ if (indentedRecord.hasChildRecords) {
3166
+ indentedRecord = indentedRecord.childRecords;
3167
+ for (var j = 0; j < indentedRecord['length']; j++) {
3168
+ this.updateIndentedChildRecords(indentedRecord[j]);
3169
+ }
3170
+ }
3171
+ };
3149
3172
  Edit.prototype.dropMiddle = function (recordIndex1) {
3150
3173
  var obj = this.parent;
3151
3174
  var childRec = this.parent.editModule.getChildCount(this.droppedRecord, 0);
@@ -3161,6 +3184,10 @@ var Edit = /** @class */ (function () {
3161
3184
  this.recordLevel();
3162
3185
  if (this.draggedRecord.hasChildRecords) {
3163
3186
  this.updateChildRecord(this.draggedRecord, childRecordsLength, this.droppedRecord.expanded);
3187
+ if (this.parent.enableImmutableMode) {
3188
+ var indentedRecord = this.draggedRecord;
3189
+ this.updateIndentedChildRecords(indentedRecord);
3190
+ }
3164
3191
  }
3165
3192
  if (isNullOrUndefined(this.draggedRecord.parentItem &&
3166
3193
  this.updateParentRecords.indexOf(this.draggedRecord.parentItem) !== -1)) {
@@ -189,7 +189,7 @@ var Filter = /** @class */ (function () {
189
189
  var ganttElement = closest(element, '#' + this.parent.element.id)
190
190
  || element.querySelector('#' + this.parent.element.id);
191
191
  if ((!(this.filterMenuElement.contains(element)) && !isNullOrUndefined(ganttElement)) || element.nodeName === 'HTML'
192
- || element.nodeName === 'DIV') {
192
+ || ((element.nodeName === 'DIV') && (!element.classList.contains('e-day')))) {
193
193
  remove(this.filterMenuElement);
194
194
  this.parent.treeGrid.grid.notify('filter-menu-close', { isOpen: false });
195
195
  this.filterMenuElement = null;
@@ -25,6 +25,10 @@ var FocusModule = /** @class */ (function () {
25
25
  FocusModule.prototype.onKeyPress = function (e) {
26
26
  var ganttObj = this.parent;
27
27
  var expandedRecords = ganttObj.getExpandedRecords(ganttObj.currentViewData);
28
+ if (isNullOrUndefined(this.parent.focusModule.getActiveElement()) && (e.action === 'expandAll' || e.action === 'collapseAll')) {
29
+ var focussedElement = this.parent.element.querySelector('.e-treegrid');
30
+ focussedElement.focus();
31
+ }
28
32
  var targetElement = this.parent.focusModule.getActiveElement();
29
33
  if (e.action === 'home' || e.action === 'end' || e.action === 'downArrow' || e.action === 'upArrow' || e.action === 'delete' ||
30
34
  e.action === 'rightArrow' || e.action === 'leftArrow' || e.action === 'focusTask' || e.action === 'focusSearch' ||
@@ -457,7 +457,7 @@ var RowDD = /** @class */ (function () {
457
457
  if (this.dropPosition === 'topSegment' || this.dropPosition === 'bottomSegment') {
458
458
  var rowPosition = this.dropPosition === 'topSegment' ? 'Above' : 'Below';
459
459
  this.parent.editModule.addRowSelectedItem = droppedRecord;
460
- this.parent.editModule.updateRealDataSource(draggedRecord, rowPosition);
460
+ this.parent.editModule.updateRealDataSource([draggedRecord], rowPosition);
461
461
  delete this.parent.editModule.addRowSelectedItem;
462
462
  }
463
463
  }
@@ -493,7 +493,9 @@ var TaskbarEdit = /** @class */ (function (_super) {
493
493
  if (this.isMouseDragged && this.taskBarEditAction) {
494
494
  var args = {
495
495
  cancel: false,
496
- requestType: 'taskbarediting'
496
+ requestType: 'taskbarediting',
497
+ taskBarEditAction: this.taskBarEditAction,
498
+ data: this.taskBarEditRecord
497
499
  };
498
500
  if (this.segmentIndex !== -1) {
499
501
  args.requestType = 'mergeSegment';
@@ -281,7 +281,14 @@ var DateProcessor = /** @class */ (function () {
281
281
  tDuration = this.parent.editModule.taskbarEditModule.sumOfDuration(ganttProperties.segments);
282
282
  }
283
283
  else {
284
- tDuration = this.getDuration(ganttProperties.startDate, ganttProperties.endDate, ganttProperties.durationUnit, ganttProperties.isAutoSchedule, ganttProperties.isMilestone);
284
+ // eslint-disable-next-line
285
+ if (!isNullOrUndefined(ganttProperties.startDate) && !isNullOrUndefined(ganttProperties.endDate) &&
286
+ (ganttProperties.startDate).getTime() === (ganttProperties.endDate).getTime() && !isNullOrUndefined(ganttData.taskData[this.parent.taskFields.milestone])) {
287
+ tDuration = 1;
288
+ }
289
+ else {
290
+ tDuration = this.getDuration(ganttProperties.startDate, ganttProperties.endDate, ganttProperties.durationUnit, ganttProperties.isAutoSchedule, ganttProperties.isMilestone);
291
+ }
285
292
  }
286
293
  this.parent.setRecordValue('duration', tDuration, ganttProperties, true);
287
294
  var col = this.parent.columnByField[this.parent.columnMapping.duration];
@@ -327,6 +327,12 @@ var GanttChart = /** @class */ (function () {
327
327
  * @private
328
328
  */
329
329
  GanttChart.prototype.mouseUp = function (e) {
330
+ if (this.parent.allowRowDragAndDrop) {
331
+ var ganttDragElemet = this.parent.element.querySelector('.e-ganttdrag');
332
+ if (ganttDragElemet) {
333
+ ganttDragElemet.remove();
334
+ }
335
+ }
330
336
  if (!this.isGanttElement) {
331
337
  this.parent.notify('chartMouseUp', e);
332
338
  }
@@ -775,8 +781,6 @@ var GanttChart = /** @class */ (function () {
775
781
  this.parent.treeGrid.collapseAll();
776
782
  }
777
783
  this.isExpandAll = false;
778
- var focussedElement = this.parent.element.querySelector('.e-treegrid');
779
- focussedElement.focus();
780
784
  };
781
785
  /**
782
786
  * Public method to expand particular level of rows.
@@ -292,8 +292,14 @@ var Gantt = /** @class */ (function (_super) {
292
292
  Gantt.prototype.calculateDimensions = function () {
293
293
  var settingsHeight;
294
294
  if (typeof (this.height) !== 'number' && this.height.indexOf('%') !== -1 && (this.element.parentElement &&
295
- !this.element.parentElement.style.height)) {
296
- var ganttHeight = Number(this.height.split("%")[0]);
295
+ !this.element.parentElement.style.height || this.element.parentElement.style.height.indexOf('%') !== -1)) {
296
+ var ganttHeight = void 0;
297
+ if (this.element.parentElement.style.height.indexOf('%') == -1) {
298
+ ganttHeight = Number(this.height.split("%")[0]);
299
+ }
300
+ else {
301
+ ganttHeight = Number(this.element.parentElement.style.height.split("%")[0]);
302
+ }
297
303
  ganttHeight = (ganttHeight * window.innerHeight) / 100;
298
304
  if (this.height === '100%') {
299
305
  ganttHeight = ganttHeight - 16;
@@ -448,9 +454,16 @@ var Gantt = /** @class */ (function (_super) {
448
454
  var settingsHeight = void 0;
449
455
  if (this.height.indexOf('%') !== -1) {
450
456
  var ganttHeight = Number(this.height.split("%")[0]);
451
- if (this.element.parentElement && this.element.parentElement.style.height) {
452
- var containerHeight = Number(this.element.parentElement.style.height.split("px")[0]);
453
- ganttHeight = (ganttHeight * containerHeight) / 100;
457
+ if (this.element.parentElement && (this.element.parentElement.style.height)) {
458
+ var containerHeight = void 0;
459
+ if (this.element.parentElement.style.height.indexOf('%') == -1) {
460
+ containerHeight = Number(this.element.parentElement.style.height.split("px")[0]);
461
+ ganttHeight = (ganttHeight * containerHeight) / 100;
462
+ }
463
+ else {
464
+ containerHeight = Number(this.element.parentElement.style.height.split("%")[0]);
465
+ ganttHeight = (window.innerHeight * containerHeight) / 100;
466
+ }
454
467
  }
455
468
  else {
456
469
  ganttHeight = Number(this.height.split("%")[0]);
@@ -1133,7 +1133,12 @@ var TaskProcessor = /** @class */ (function (_super) {
1133
1133
  eDate.setHours(0, 0, 0, 0);
1134
1134
  }
1135
1135
  }
1136
- return ((this.getTimeDifference(sDate, eDate) / (1000 * 60 * 60 * 24)) * this.parent.perDayWidth);
1136
+ if ((sDate).getTime() === (eDate).getTime()) {
1137
+ return (this.parent.perDayWidth);
1138
+ }
1139
+ else {
1140
+ return ((this.getTimeDifference(sDate, eDate) / (1000 * 60 * 60 * 24)) * this.parent.perDayWidth);
1141
+ }
1137
1142
  };
1138
1143
  /**
1139
1144
  * Get task left value
@@ -1222,14 +1227,16 @@ var TaskProcessor = /** @class */ (function (_super) {
1222
1227
  // eslint-disable-next-line
1223
1228
  var resourcesId = [];
1224
1229
  var resourcesName = [];
1225
- for (var i = 0; i < resourceData.length; i++) {
1226
- resourcesId.push(resourceData[i][resourceSettings.id]);
1227
- var resName = resourceData[i][resourceSettings.name];
1228
- var resourceUnit = resourceData[i][resourceSettings.unit];
1229
- if (resourceUnit !== 100) {
1230
- resName += '[' + resourceUnit + '%' + ']';
1230
+ if (!isNullOrUndefined(resourceData)) {
1231
+ for (var i = 0; i < resourceData.length; i++) {
1232
+ resourcesId.push(resourceData[i][resourceSettings.id]);
1233
+ var resName = resourceData[i][resourceSettings.name];
1234
+ var resourceUnit = resourceData[i][resourceSettings.unit];
1235
+ if (resourceUnit !== 100) {
1236
+ resName += '[' + resourceUnit + '%' + ']';
1237
+ }
1238
+ resourcesName.push(resName);
1231
1239
  }
1232
- resourcesName.push(resName);
1233
1240
  }
1234
1241
  this.parent.setRecordValue('resourceNames', resourcesName.join(','), ganttProp, true);
1235
1242
  this.updateTaskDataResource(ganttData);
@@ -56,6 +56,7 @@ var EditTooltip = /** @class */ (function () {
56
56
  tooltipPositionX += leftEnd - (tooltipPositionX + args.element.offsetWidth);
57
57
  }
58
58
  args.element.style.left = tooltipPositionX + 'px';
59
+ args.element.style.visibility = 'visible';
59
60
  };
60
61
  /**
61
62
  * To show/hide taskbar edit tooltip.
@@ -203,6 +203,7 @@ var Tooltip = /** @class */ (function () {
203
203
  tooltipPositionY = tooltipPositionY + 10;
204
204
  }
205
205
  args.element.style.top = tooltipPositionY + 'px';
206
+ args.element.style.visibility = 'visible';
206
207
  };
207
208
  /**
208
209
  * Method to get mouse pointor position
@@ -500,6 +500,11 @@
500
500
  white-space: nowrap;
501
501
  }
502
502
 
503
+ .e-gantt .e-gantt-chart .e-timeline-header-table-body > tr {
504
+ display: -ms-inline-flexbox;
505
+ display: inline-flex;
506
+ }
507
+
503
508
  .e-gantt .e-gantt-chart .e-timeline-top-header-cell,
504
509
  .e-gantt .e-gantt-chart .e-timeline-single-header-cell {
505
510
  border-spacing: 0;
@@ -1069,7 +1074,6 @@
1069
1074
  .e-gantt-dialog .e-edit-form-row {
1070
1075
  height: 241px;
1071
1076
  overflow-y: auto;
1072
- padding-bottom: 16px;
1073
1077
  }
1074
1078
 
1075
1079
  .e-gantt-dialog .e-edit-form-column:nth-child(odd) {
@@ -1187,6 +1191,10 @@
1187
1191
  opacity: 1;
1188
1192
  }
1189
1193
 
1194
+ .e-gantt-tooltip {
1195
+ visibility: hidden;
1196
+ }
1197
+
1190
1198
  .e-gantt .e-cloneproperties.e-draganddrop .e-row .e-rowcell .e-treecolumn-container .e-icons.e-none::before {
1191
1199
  content: '';
1192
1200
  }
@@ -650,6 +650,11 @@
650
650
  white-space: nowrap;
651
651
  }
652
652
 
653
+ .e-gantt .e-gantt-chart .e-timeline-header-table-body > tr {
654
+ display: -ms-inline-flexbox;
655
+ display: inline-flex;
656
+ }
657
+
653
658
  .e-gantt .e-gantt-chart .e-timeline-top-header-cell,
654
659
  .e-gantt .e-gantt-chart .e-timeline-single-header-cell {
655
660
  border-spacing: 0;
@@ -1219,7 +1224,6 @@
1219
1224
  .e-gantt-dialog .e-edit-form-row {
1220
1225
  height: 241px;
1221
1226
  overflow-y: auto;
1222
- padding-bottom: 16px;
1223
1227
  }
1224
1228
 
1225
1229
  .e-gantt-dialog .e-edit-form-column:nth-child(odd) {
@@ -1337,6 +1341,10 @@
1337
1341
  opacity: 1;
1338
1342
  }
1339
1343
 
1344
+ .e-gantt-tooltip {
1345
+ visibility: hidden;
1346
+ }
1347
+
1340
1348
  .e-gantt .e-cloneproperties.e-draganddrop .e-row .e-rowcell .e-treecolumn-container .e-icons.e-none::before {
1341
1349
  content: '';
1342
1350
  }
@@ -867,6 +867,11 @@
867
867
  white-space: nowrap;
868
868
  }
869
869
 
870
+ .e-gantt .e-gantt-chart .e-timeline-header-table-body > tr {
871
+ display: -ms-inline-flexbox;
872
+ display: inline-flex;
873
+ }
874
+
870
875
  .e-gantt .e-gantt-chart .e-timeline-top-header-cell,
871
876
  .e-gantt .e-gantt-chart .e-timeline-single-header-cell {
872
877
  border-spacing: 0;
@@ -1436,7 +1441,6 @@
1436
1441
  .e-gantt-dialog .e-edit-form-row {
1437
1442
  height: 241px;
1438
1443
  overflow-y: auto;
1439
- padding-bottom: 12px;
1440
1444
  }
1441
1445
 
1442
1446
  .e-gantt-dialog .e-edit-form-column:nth-child(odd) {
@@ -1554,6 +1558,10 @@
1554
1558
  opacity: 1;
1555
1559
  }
1556
1560
 
1561
+ .e-gantt-tooltip {
1562
+ visibility: hidden;
1563
+ }
1564
+
1557
1565
  .e-gantt .e-cloneproperties.e-draganddrop .e-row .e-rowcell .e-treecolumn-container .e-icons.e-none::before {
1558
1566
  content: '';
1559
1567
  }
@@ -534,6 +534,11 @@
534
534
  white-space: nowrap;
535
535
  }
536
536
 
537
+ .e-gantt .e-gantt-chart .e-timeline-header-table-body > tr {
538
+ display: -ms-inline-flexbox;
539
+ display: inline-flex;
540
+ }
541
+
537
542
  .e-gantt .e-gantt-chart .e-timeline-top-header-cell,
538
543
  .e-gantt .e-gantt-chart .e-timeline-single-header-cell {
539
544
  border-spacing: 0;
@@ -1103,7 +1108,6 @@
1103
1108
  .e-gantt-dialog .e-edit-form-row {
1104
1109
  height: 241px;
1105
1110
  overflow-y: auto;
1106
- padding-bottom: 12px;
1107
1111
  }
1108
1112
 
1109
1113
  .e-gantt-dialog .e-edit-form-column:nth-child(odd) {
@@ -1221,6 +1225,10 @@
1221
1225
  opacity: 1;
1222
1226
  }
1223
1227
 
1228
+ .e-gantt-tooltip {
1229
+ visibility: hidden;
1230
+ }
1231
+
1224
1232
  .e-gantt .e-cloneproperties.e-draganddrop .e-row .e-rowcell .e-treecolumn-container .e-icons.e-none::before {
1225
1233
  content: '';
1226
1234
  }
@@ -534,6 +534,11 @@
534
534
  white-space: nowrap;
535
535
  }
536
536
 
537
+ .e-gantt .e-gantt-chart .e-timeline-header-table-body > tr {
538
+ display: -ms-inline-flexbox;
539
+ display: inline-flex;
540
+ }
541
+
537
542
  .e-gantt .e-gantt-chart .e-timeline-top-header-cell,
538
543
  .e-gantt .e-gantt-chart .e-timeline-single-header-cell {
539
544
  border-spacing: 0;
@@ -1103,7 +1108,6 @@
1103
1108
  .e-gantt-dialog .e-edit-form-row {
1104
1109
  height: 241px;
1105
1110
  overflow-y: auto;
1106
- padding-bottom: 12px;
1107
1111
  }
1108
1112
 
1109
1113
  .e-gantt-dialog .e-edit-form-column:nth-child(odd) {
@@ -1221,6 +1225,10 @@
1221
1225
  opacity: 1;
1222
1226
  }
1223
1227
 
1228
+ .e-gantt-tooltip {
1229
+ visibility: hidden;
1230
+ }
1231
+
1224
1232
  .e-gantt .e-cloneproperties.e-draganddrop .e-row .e-rowcell .e-treecolumn-container .e-icons.e-none::before {
1225
1233
  content: '';
1226
1234
  }
@@ -454,6 +454,11 @@
454
454
  white-space: nowrap;
455
455
  }
456
456
 
457
+ .e-gantt .e-gantt-chart .e-timeline-header-table-body > tr {
458
+ display: -ms-inline-flexbox;
459
+ display: inline-flex;
460
+ }
461
+
457
462
  .e-gantt .e-gantt-chart .e-timeline-top-header-cell,
458
463
  .e-gantt .e-gantt-chart .e-timeline-single-header-cell {
459
464
  border-spacing: 0;
@@ -1023,7 +1028,6 @@
1023
1028
  .e-gantt-dialog .e-edit-form-row {
1024
1029
  height: 241px;
1025
1030
  overflow-y: auto;
1026
- padding-bottom: 16px;
1027
1031
  }
1028
1032
 
1029
1033
  .e-gantt-dialog .e-edit-form-column:nth-child(odd) {
@@ -1141,6 +1145,10 @@
1141
1145
  opacity: 1;
1142
1146
  }
1143
1147
 
1148
+ .e-gantt-tooltip {
1149
+ visibility: hidden;
1150
+ }
1151
+
1144
1152
  .e-gantt .e-cloneproperties.e-draganddrop .e-row .e-rowcell .e-treecolumn-container .e-icons.e-none::before {
1145
1153
  content: '';
1146
1154
  }
package/styles/fabric.css CHANGED
@@ -452,6 +452,11 @@
452
452
  white-space: nowrap;
453
453
  }
454
454
 
455
+ .e-gantt .e-gantt-chart .e-timeline-header-table-body > tr {
456
+ display: -ms-inline-flexbox;
457
+ display: inline-flex;
458
+ }
459
+
455
460
  .e-gantt .e-gantt-chart .e-timeline-top-header-cell,
456
461
  .e-gantt .e-gantt-chart .e-timeline-single-header-cell {
457
462
  border-spacing: 0;
@@ -1021,7 +1026,6 @@
1021
1026
  .e-gantt-dialog .e-edit-form-row {
1022
1027
  height: 241px;
1023
1028
  overflow-y: auto;
1024
- padding-bottom: 16px;
1025
1029
  }
1026
1030
 
1027
1031
  .e-gantt-dialog .e-edit-form-column:nth-child(odd) {
@@ -1139,6 +1143,10 @@
1139
1143
  opacity: 1;
1140
1144
  }
1141
1145
 
1146
+ .e-gantt-tooltip {
1147
+ visibility: hidden;
1148
+ }
1149
+
1142
1150
  .e-gantt .e-cloneproperties.e-draganddrop .e-row .e-rowcell .e-treecolumn-container .e-icons.e-none::before {
1143
1151
  content: '';
1144
1152
  }
@@ -118,7 +118,6 @@ $gantt-timeline-top-header-cell-height: 33px !default;
118
118
  $gantt-header-border-radius: 4px !default;
119
119
  $gantt-splitter-border-top-right-radius: 0px !default;
120
120
  $gantt-splitter-border-top-left-radius: 0px !default;
121
- $gantt-dialog-general-padding-bottom: 16px !default;
122
121
  $gantt-filter-menu-value-div-padding: 24px !default;
123
122
  $gantt-dialog-tab-hover-border-bottom: 0px !default;
124
123
  $gantt-dialog-tab-hover-border-bottom-radius: 0px !default;
@@ -118,7 +118,6 @@ $gantt-timeline-top-header-cell-height: 33px !default;
118
118
  $gantt-header-border-radius: 4px !default;
119
119
  $gantt-splitter-border-top-right-radius: 0px !default;
120
120
  $gantt-splitter-border-top-left-radius: 0px !default;
121
- $gantt-dialog-general-padding-bottom: 16px !default;
122
121
  $gantt-filter-menu-value-div-padding: 24px !default;
123
122
  $gantt-dialog-tab-hover-border-bottom: 0px !default;
124
123
  $gantt-dialog-tab-hover-border-bottom-radius: 0px !default;
@@ -118,7 +118,6 @@ $gantt-timeline-top-header-cell-height: 33px !default;
118
118
  $gantt-header-border-radius: 0px !default;
119
119
  $gantt-splitter-border-top-right-radius: 0px !default;
120
120
  $gantt-splitter-border-top-left-radius: 0px !default;
121
- $gantt-dialog-general-padding-bottom: 12px !default;
122
121
  $gantt-filter-menu-value-div-padding: 16px !default;
123
122
  $gantt-dialog-tab-hover-border-bottom: 0px !default;
124
123
  $gantt-dialog-tab-hover-border-bottom-radius: 0px !default;
@@ -142,7 +142,6 @@ $gantt-timeline-top-header-cell-height: 33px !default;
142
142
  $gantt-header-border-radius: 0px !default;
143
143
  $gantt-splitter-border-top-right-radius: 0px !default;
144
144
  $gantt-splitter-border-top-left-radius: 0px !default;
145
- $gantt-dialog-general-padding-bottom: 12px !default;
146
145
  $gantt-filter-menu-value-div-padding: 16px !default;
147
146
  $gantt-dialog-tab-hover-border-bottom: 0px !default;
148
147
  $gantt-dialog-tab-hover-border-bottom-radius: 0px !default;
@@ -118,7 +118,6 @@ $gantt-header-border-bottom-width: 1px !default;
118
118
  $gantt-header-border-radius: 0px !default;
119
119
  $gantt-splitter-border-top-right-radius: 0px !default;
120
120
  $gantt-splitter-border-top-left-radius: 0px !default;
121
- $gantt-dialog-general-padding-bottom: 16px !default;
122
121
  $gantt-filter-menu-value-div-padding: 24px !default;
123
122
  $gantt-dialog-tab-hover-border-bottom: 0px !default;
124
123
  $gantt-dialog-tab-hover-border-bottom-radius: 0px !default;
@@ -118,7 +118,6 @@ $gantt-header-border-bottom-width: 1px !default;
118
118
  $gantt-header-border-radius: 0px !default;
119
119
  $gantt-splitter-border-top-right-radius: 0px !default;
120
120
  $gantt-splitter-border-top-left-radius: 0px !default;
121
- $gantt-dialog-general-padding-bottom: 16px !default;
122
121
  $gantt-filter-menu-value-div-padding: 24px !default;
123
122
  $gantt-dialog-tab-hover-border-bottom: 0px !default;
124
123
  $gantt-dialog-tab-hover-border-bottom-radius: 0px !default;
@@ -142,7 +142,6 @@ $gantt-timeline-top-header-cell-height: 33px !default;
142
142
  $gantt-header-border-radius: 0px !default;
143
143
  $gantt-splitter-border-top-right-radius: 0px !default;
144
144
  $gantt-splitter-border-top-left-radius: 0px !default;
145
- $gantt-dialog-general-padding-bottom: 12px !default;
146
145
  $gantt-filter-menu-value-div-padding: 16px !default;
147
146
  $gantt-dialog-tab-hover-border-bottom: 0px !default;
148
147
  $gantt-dialog-tab-hover-border-bottom-radius: 0px !default;
@@ -118,7 +118,6 @@ $progress-handler-outline: #fff !default;
118
118
  $gantt-header-border-radius: 0px !default;
119
119
  $gantt-splitter-border-top-right-radius: 0px !default;
120
120
  $gantt-splitter-border-top-left-radius: 0px !default;
121
- $gantt-dialog-general-padding-bottom: 16px !default;
122
121
  $gantt-filter-menu-value-div-padding: 24px !default;
123
122
  $gantt-dialog-tab-hover-border-bottom: 0px !default;
124
123
  $gantt-dialog-tab-hover-border-bottom-radius: 0px !default;
@@ -118,7 +118,6 @@ $gantt-timeline-top-header-cell-height: 32px !default;
118
118
  $gantt-header-border-radius: 0px !default;
119
119
  $gantt-splitter-border-top-right-radius: 0px !default;
120
120
  $gantt-splitter-border-top-left-radius: 0px !default;
121
- $gantt-dialog-general-padding-bottom: 16px !default;
122
121
  $gantt-filter-menu-value-div-padding: 24px !default;
123
122
  $gantt-dialog-tab-hover-border-bottom: 0px !default;
124
123
  $gantt-dialog-tab-hover-border-bottom-radius: 0px !default;