@syncfusion/ej2-gantt 20.2.49 → 20.3.47

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 (96) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/dist/ej2-gantt.min.js +10 -0
  3. package/dist/ej2-gantt.umd.min.js +2 -2
  4. package/dist/ej2-gantt.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-gantt.es2015.js +970 -379
  6. package/dist/es6/ej2-gantt.es2015.js.map +1 -1
  7. package/dist/es6/ej2-gantt.es5.js +1019 -413
  8. package/dist/es6/ej2-gantt.es5.js.map +1 -1
  9. package/dist/global/ej2-gantt.min.js +2 -2
  10. package/dist/global/ej2-gantt.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +19 -19
  13. package/src/gantt/actions/cell-edit.js +1 -2
  14. package/src/gantt/actions/connector-line-edit.d.ts +2 -0
  15. package/src/gantt/actions/connector-line-edit.js +104 -10
  16. package/src/gantt/actions/context-menu.js +6 -1
  17. package/src/gantt/actions/critical-path.d.ts +1 -1
  18. package/src/gantt/actions/critical-path.js +105 -30
  19. package/src/gantt/actions/dependency.d.ts +2 -0
  20. package/src/gantt/actions/dependency.js +68 -12
  21. package/src/gantt/actions/dialog-edit.d.ts +3 -0
  22. package/src/gantt/actions/dialog-edit.js +130 -15
  23. package/src/gantt/actions/edit.js +101 -26
  24. package/src/gantt/actions/filter.d.ts +3 -1
  25. package/src/gantt/actions/filter.js +32 -44
  26. package/src/gantt/actions/keyboard.js +1 -1
  27. package/src/gantt/actions/rowdragdrop.js +68 -8
  28. package/src/gantt/actions/taskbar-edit.js +15 -3
  29. package/src/gantt/actions/toolbar.js +1 -1
  30. package/src/gantt/base/enum.d.ts +3 -1
  31. package/src/gantt/base/gantt-chart.js +8 -6
  32. package/src/gantt/base/gantt.d.ts +6 -6
  33. package/src/gantt/base/gantt.js +10 -3
  34. package/src/gantt/base/interface.d.ts +4 -0
  35. package/src/gantt/base/splitter.d.ts +2 -2
  36. package/src/gantt/base/splitter.js +6 -7
  37. package/src/gantt/base/task-processor.js +13 -7
  38. package/src/gantt/base/tree-grid.js +21 -2
  39. package/src/gantt/export/pdf-connector-line.js +187 -185
  40. package/src/gantt/models/edit-settings-model.d.ts +2 -2
  41. package/src/gantt/models/edit-settings.d.ts +2 -2
  42. package/src/gantt/models/filter-settings-model.d.ts +1 -1
  43. package/src/gantt/models/filter-settings.d.ts +1 -1
  44. package/src/gantt/renderer/chart-rows.d.ts +1 -0
  45. package/src/gantt/renderer/chart-rows.js +47 -16
  46. package/src/gantt/renderer/connector-line.js +101 -33
  47. package/src/gantt/renderer/event-marker.js +1 -1
  48. package/src/gantt/renderer/nonworking-day.js +0 -1
  49. package/src/gantt/renderer/tooltip.js +2 -1
  50. package/styles/bootstrap-dark.css +115 -62
  51. package/styles/bootstrap.css +115 -62
  52. package/styles/bootstrap4.css +115 -62
  53. package/styles/bootstrap5-dark.css +119 -63
  54. package/styles/bootstrap5.css +119 -63
  55. package/styles/fabric-dark.css +115 -62
  56. package/styles/fabric.css +115 -62
  57. package/styles/fluent-dark.css +126 -66
  58. package/styles/fluent.css +124 -64
  59. package/styles/gantt/_all.scss +1 -1
  60. package/styles/gantt/_bootstrap-dark-definition.scss +4 -1
  61. package/styles/gantt/_bootstrap-definition.scss +4 -1
  62. package/styles/gantt/_bootstrap4-definition.scss +4 -1
  63. package/styles/gantt/_bootstrap5-definition.scss +4 -2
  64. package/styles/gantt/_fabric-dark-definition.scss +4 -1
  65. package/styles/gantt/_fabric-definition.scss +4 -1
  66. package/styles/gantt/_fluent-definition.scss +6 -4
  67. package/styles/gantt/_fusionnew-definition.scss +12 -10
  68. package/styles/gantt/_highcontrast-definition.scss +4 -1
  69. package/styles/gantt/_highcontrast-light-definition.scss +4 -1
  70. package/styles/gantt/_layout.scss +143 -51
  71. package/styles/gantt/_material-dark-definition.scss +4 -1
  72. package/styles/gantt/_material-definition.scss +4 -1
  73. package/styles/gantt/_material3-definition.scss +13 -11
  74. package/styles/gantt/_tailwind-definition.scss +4 -2
  75. package/styles/gantt/_theme.scss +29 -29
  76. package/styles/gantt/bootstrap-dark.css +115 -62
  77. package/styles/gantt/bootstrap.css +115 -62
  78. package/styles/gantt/bootstrap4.css +115 -62
  79. package/styles/gantt/bootstrap5-dark.css +119 -63
  80. package/styles/gantt/bootstrap5.css +119 -63
  81. package/styles/gantt/fabric-dark.css +115 -62
  82. package/styles/gantt/fabric.css +115 -62
  83. package/styles/gantt/fluent-dark.css +126 -66
  84. package/styles/gantt/fluent.css +124 -64
  85. package/styles/gantt/highcontrast-light.css +120 -62
  86. package/styles/gantt/highcontrast.css +120 -62
  87. package/styles/gantt/material-dark.css +120 -65
  88. package/styles/gantt/material.css +118 -65
  89. package/styles/gantt/tailwind-dark.css +117 -64
  90. package/styles/gantt/tailwind.css +117 -64
  91. package/styles/highcontrast-light.css +120 -62
  92. package/styles/highcontrast.css +120 -62
  93. package/styles/material-dark.css +120 -65
  94. package/styles/material.css +118 -65
  95. package/styles/tailwind-dark.css +117 -64
  96. package/styles/tailwind.css +117 -64
@@ -37,7 +37,7 @@
37
37
  }
38
38
 
39
39
  .e-grid .e-focused:not(.e-menu-item) {
40
- box-shadow: $grid-active-container-border !important; // sass-lint:disable-line no-important
40
+ box-shadow: $grid-active-container-border !important; /* stylelint-disable-line declaration-no-important */
41
41
  }
42
42
 
43
43
  .e-temp-content {
@@ -58,7 +58,7 @@
58
58
 
59
59
  .e-gantt-tree-grid-pane {
60
60
  .e-timeline-single-header-outer-div {
61
- height: $gantt-timeline-single-header-outer-div !important; // sass-lint:disable-line no-important
61
+ height: $gantt-timeline-single-header-outer-div !important; /* stylelint-disable-line declaration-no-important */
62
62
  }
63
63
 
64
64
  .e-grid td.e-active {
@@ -89,7 +89,7 @@
89
89
  }
90
90
 
91
91
  .e-timeline-single-header-outer-div {
92
- height: $gantt-chart-timeline-single-header-outer-div !important; // sass-lint:disable-line no-important
92
+ height: $gantt-chart-timeline-single-header-outer-div !important; /* stylelint-disable-line declaration-no-important */
93
93
  }
94
94
 
95
95
  .e-timeline-top-header-cell {
@@ -471,90 +471,90 @@
471
471
  .e-predecessor-touch-mode {
472
472
 
473
473
  .e-task-label {
474
- color: transparent !important; // sass-lint:disable-line no-important
474
+ color: transparent !important; /* stylelint-disable-line declaration-no-important */
475
475
  }
476
476
 
477
477
  .e-line {
478
- border-color: $gantt-inactive-parent !important; // sass-lint:disable-line no-important
478
+ border-color: $gantt-inactive-parent !important; /* stylelint-disable-line declaration-no-important */
479
479
  }
480
480
 
481
481
  .e-connector-line-right-arrow {
482
- border-left-color: $gantt-inactive-parent !important; // sass-lint:disable-line no-important
482
+ border-left-color: $gantt-inactive-parent !important; /* stylelint-disable-line declaration-no-important */
483
483
  }
484
484
 
485
485
  .e-connector-line-left-arrow {
486
- border-right-color: $gantt-inactive-parent !important; // sass-lint:disable-line no-important
486
+ border-right-color: $gantt-inactive-parent !important; /* stylelint-disable-line declaration-no-important */
487
487
  }
488
488
 
489
489
  .e-gantt-child-taskbar-inner-div {
490
- background: $gantt-inactive-child !important; // sass-lint:disable-line no-important
491
- border: $gantt-inactive-child !important; // sass-lint:disable-line no-important
490
+ background: $gantt-inactive-child !important; /* stylelint-disable-line declaration-no-important */
491
+ border: $gantt-inactive-child !important; /* stylelint-disable-line declaration-no-important */
492
492
  }
493
493
 
494
494
  .e-gantt-child-progressbar-inner-div {
495
- background-color: transparent !important; // sass-lint:disable-line no-important
496
- border: transparent !important; // sass-lint:disable-line no-important
495
+ background-color: transparent !important; /* stylelint-disable-line declaration-no-important */
496
+ border: transparent !important; /* stylelint-disable-line declaration-no-important */
497
497
  }
498
498
 
499
499
  .e-milestone-top {
500
- border-bottom-color: $gantt-inactive-child !important; // sass-lint:disable-line no-important
500
+ border-bottom-color: $gantt-inactive-child !important; /* stylelint-disable-line declaration-no-important */
501
501
  }
502
502
 
503
503
  .e-milestone-bottom {
504
- border-top-color: $gantt-inactive-child !important; // sass-lint:disable-line no-important
504
+ border-top-color: $gantt-inactive-child !important; /* stylelint-disable-line declaration-no-important */
505
505
  }
506
506
 
507
507
  .e-gantt-parent-taskbar-inner-div {
508
- background-color: $gantt-inactive-parent !important; // sass-lint:disable-line no-important
509
- border: $gantt-inactive-parent !important; // sass-lint:disable-line no-important
508
+ background-color: $gantt-inactive-parent !important; /* stylelint-disable-line declaration-no-important */
509
+ border: $gantt-inactive-parent !important; /* stylelint-disable-line declaration-no-important */
510
510
  }
511
511
 
512
512
  .e-gantt-parent-progressbar-inner-div {
513
- background-color: transparent !important; // sass-lint:disable-line no-important
514
- border: transparent !important; // sass-lint:disable-line no-important
513
+ background-color: transparent !important; /* stylelint-disable-line declaration-no-important */
514
+ border: transparent !important; /* stylelint-disable-line declaration-no-important */
515
515
  }
516
516
 
517
517
  .e-active-child-task {
518
518
 
519
519
  .e-gantt-child-taskbar-inner-div {
520
- background: $gantt-child-progress-bar !important; // sass-lint:disable-line no-important
521
- border: $gantt-child-progress-bar !important; // sass-lint:disable-line no-important
520
+ background: $gantt-child-progress-bar !important; /* stylelint-disable-line declaration-no-important */
521
+ border: $gantt-child-progress-bar !important; /* stylelint-disable-line declaration-no-important */
522
522
  }
523
523
 
524
524
  .e-milestone-top {
525
- border-bottom-color: $gantt-child-progress-bar !important; // sass-lint:disable-line no-important
525
+ border-bottom-color: $gantt-child-progress-bar !important; /* stylelint-disable-line declaration-no-important */
526
526
  }
527
527
 
528
528
  .e-milestone-bottom {
529
- border-top-color: $gantt-child-progress-bar !important; // sass-lint:disable-line no-important
529
+ border-top-color: $gantt-child-progress-bar !important; /* stylelint-disable-line declaration-no-important */
530
530
  }
531
531
  }
532
532
 
533
533
  .e-active-connected-task {
534
534
 
535
535
  .e-gantt-child-taskbar-inner-div {
536
- background: $gantt-connected-task !important; // sass-lint:disable-line no-important
537
- border: $gantt-connected-task !important; // sass-lint:disable-line no-important
536
+ background: $gantt-connected-task !important; /* stylelint-disable-line declaration-no-important */
537
+ border: $gantt-connected-task !important; /* stylelint-disable-line declaration-no-important */
538
538
  }
539
539
 
540
540
  .e-milestone-top {
541
- border-bottom-color: $gantt-connected-task !important; // sass-lint:disable-line no-important
541
+ border-bottom-color: $gantt-connected-task !important; /* stylelint-disable-line declaration-no-important */
542
542
  }
543
543
 
544
544
  .e-milestone-bottom {
545
- border-top-color: $gantt-connected-task !important; // sass-lint:disable-line no-important
545
+ border-top-color: $gantt-connected-task !important; /* stylelint-disable-line declaration-no-important */
546
546
  }
547
547
 
548
548
  .e-line {
549
- border-color: $gantt-child-progress-bar !important; // sass-lint:disable-line no-important
549
+ border-color: $gantt-child-progress-bar !important; /* stylelint-disable-line declaration-no-important */
550
550
  }
551
551
 
552
552
  .e-connector-line-right-arrow {
553
- border-left-color: $gantt-child-progress-bar !important; // sass-lint:disable-line no-important
553
+ border-left-color: $gantt-child-progress-bar !important; /* stylelint-disable-line declaration-no-important */
554
554
  }
555
555
 
556
556
  .e-connector-line-left-arrow {
557
- border-right-color: $gantt-child-progress-bar !important; // sass-lint:disable-line no-important
557
+ border-right-color: $gantt-child-progress-bar !important; /* stylelint-disable-line declaration-no-important */
558
558
  }
559
559
  }
560
560
  }
@@ -565,7 +565,7 @@
565
565
  }
566
566
 
567
567
  .e-grid .e-icons:not(.e-stop):not(.e-check):not(.e-icon-left):not(.e-date-icon) {
568
- color: $gantt-context-menu-icon-color !important; // sass-lint:disable-line no-important
568
+ color: $gantt-context-menu-icon-color !important; /* stylelint-disable-line declaration-no-important */
569
569
  }
570
570
  }
571
571
 
@@ -143,6 +143,8 @@
143
143
  width: 40px;
144
144
  }
145
145
 
146
+ /* stylelint-disable property-no-vendor-prefix */
147
+ /* stylelint-disable property-no-vendor-prefix */
146
148
  @keyframes material-spinner-rotate {
147
149
  0% {
148
150
  transform: rotate(0);
@@ -159,6 +161,7 @@
159
161
  transform: rotate(360deg);
160
162
  }
161
163
  }
164
+ /* stylelint-disable */
162
165
  .e-gantt .e-add::before {
163
166
  content: "\e823";
164
167
  }
@@ -308,10 +311,10 @@
308
311
  height: 242px !important;
309
312
  }
310
313
  .e-bigger .e-gantt .e-gantt-tree-grid-pane .e-columnheader .e-headercell {
311
- height: 63px !important;
314
+ height: 63px !important; /* stylelint-disable-line declaration-no-important */
312
315
  }
313
316
  .e-bigger .e-gantt .e-dialog .e-dlg-header-content {
314
- padding: 16px 4px 16px 16px !important;
317
+ padding: 16px 4px 16px 16px !important; /* stylelint-disable-line declaration-no-important */
315
318
  }
316
319
  .e-bigger .e-gantt .e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
317
320
  left: 0 !important;
@@ -329,7 +332,7 @@
329
332
  .e-bigger .e-gantt .e-dialog .e-dlg-header {
330
333
  line-height: 28px;
331
334
  }
332
- .e-bigger .e-gantt .e-filter-popup {
335
+ .e-bigger .e-gantt .e-filter-popup.e-popup {
333
336
  width: 350px !important;
334
337
  }
335
338
  .e-bigger .e-gantt .e-grid .e-flmenu-valuediv {
@@ -342,12 +345,12 @@
342
345
  .e-bigger .e-columnmenu {
343
346
  top: 40px;
344
347
  }
345
- .e-bigger .e-gantt-dialog {
348
+ .e-bigger .e-gantt-dialog .e-dialog {
346
349
  border-radius: 6px;
347
350
  width: 556px !important;
348
351
  }
349
352
  .e-bigger .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
350
- padding: 0 16px !important;
353
+ padding: 0 16px !important; /* stylelint-disable-line declaration-no-important */
351
354
  }
352
355
  .e-bigger .e-gantt-dialog .e-edit-form-column:nth-child(odd) {
353
356
  padding: 16px 12px 0 16px;
@@ -365,10 +368,10 @@
365
368
  height: 76px !important;
366
369
  }
367
370
  .e-bigger .e-gantt-dialog .e-dlg-header-content {
368
- border-bottom: 0 !important;
371
+ border-bottom: 0 !important; /* stylelint-disable-line declaration-no-important */
369
372
  }
370
373
  .e-bigger .e-gantt-dialog > .e-dlg-content {
371
- border-radius: 0 !important;
374
+ border-radius: 0 !important; /* stylelint-disable-line declaration-no-important */
372
375
  }
373
376
  .e-bigger .e-gantt-dialog .e-dlg-header-content {
374
377
  border-radius: 6px 6px 0px 0px;
@@ -376,28 +379,28 @@
376
379
  }
377
380
  .e-bigger .e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
378
381
  border-radius: 50%;
379
- height: auto !important;
382
+ height: auto !important; /* stylelint-disable-line declaration-no-important */
380
383
  width: auto;
381
384
  }
382
385
  .e-bigger .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item.e-active {
383
386
  margin-left: 5px !important;
384
387
  }
385
388
  .e-bigger .e-gantt-dialog .e-control-wrapper .e-input-group-icon.e-date-icon {
386
- font-size: 16px !important;
389
+ font-size: 16px !important; /* stylelint-disable-line declaration-no-important */
387
390
  }
388
391
  .e-bigger .e-gantt-dialog .e-control-wrapper .e-input-group-icon.e-date-icon {
389
392
  min-height: 35px !important;
390
- min-width: 35.82px !important;
393
+ min-width: 35.82px !important; /* stylelint-disable-line declaration-no-important */
391
394
  }
392
395
  .e-bigger .e-gantt-dialog .e-btn.e-flat {
393
396
  line-height: 24px;
394
- padding: 6px 16px 6px 15px !important;
397
+ padding: 6px 16px 6px 15px !important; /* stylelint-disable-line declaration-no-important */
395
398
  }
396
399
  .e-bigger .e-gantt-dialog .e-btn.e-primary {
397
- padding: 6px 21px 6px 23px !important;
400
+ padding: 6px 21px 6px 23px !important; /* stylelint-disable-line declaration-no-important */
398
401
  }
399
402
  .e-bigger .e-gantt-dialog .e-datetime-wrapper .e-time-icon.e-icons::before {
400
- font-size: 16px !important;
403
+ font-size: 16px !important; /* stylelint-disable-line declaration-no-important */
401
404
  }
402
405
  .e-bigger .e-gantt-dialog .e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text {
403
406
  font-size: 14px;
@@ -412,20 +415,23 @@
412
415
  }
413
416
  .e-bigger .e-gantt-dialog .e-numeric.e-control-wrapper.e-input-group .e-input-group-icon {
414
417
  min-height: 35px !important;
415
- min-width: 35.82px !important;
418
+ min-width: 35.82px !important; /* stylelint-disable-line declaration-no-important */
416
419
  }
417
420
  .e-bigger .e-gantt-dialog .e-control-wrapper .e-input-group-icon.e-time-icon {
418
421
  min-height: 35px !important;
419
- min-width: 35.82px !important;
422
+ min-width: 35.82px !important; /* stylelint-disable-line declaration-no-important */
420
423
  }
421
424
  .e-bigger .e-gantt-dialog .e-input-group.e-control-wrapper {
422
425
  height: 36px;
423
426
  }
424
427
  .e-bigger .e-gantt-dialog .e-input-group-icon.e-date-icon {
425
- min-width: 36px !important;
428
+ min-width: 36px !important; /* stylelint-disable-line declaration-no-important */
426
429
  }
427
- .e-bigger .e-predecessor-tooltip {
428
- background-color: #000;
430
+ .e-bigger .e-predecessor-tooltip .e-arrow-tip-outer.e-tip-bottom {
431
+ border-top: 8px solid #000;
432
+ }
433
+ .e-bigger .e-predecessor-tooltip .e-arrow-tip-inner.e-tip-bottom {
434
+ color: #000;
429
435
  }
430
436
  .e-bigger .e-predecessor-tooltip .e-left-btn:disabled {
431
437
  color: #adadad !important;
@@ -434,7 +440,7 @@
434
440
  color: #adadad !important;
435
441
  }
436
442
  .e-bigger .e-predecessor-tooltip .e-tip-content {
437
- padding: 3px !important;
443
+ padding: 3px !important; /* stylelint-disable-line declaration-no-important */
438
444
  }
439
445
  .e-bigger .e-predecessor-tooltip .e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type {
440
446
  background-color: #000;
@@ -458,6 +464,9 @@
458
464
  .e-bigger .e-predecessor-dialog .e-dlg-content {
459
465
  background-color: #fff;
460
466
  padding: 10px 9px 9px 14px !important;
467
+ font-size: 12px;
468
+ font-weight: 400;
469
+ line-height: 1.8;
461
470
  }
462
471
 
463
472
  .e-gantt {
@@ -536,7 +545,7 @@
536
545
  margin: 0;
537
546
  }
538
547
  .e-gantt .e-gantt-splitter .e-pane {
539
- overflow: hidden !important;
548
+ overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
540
549
  }
541
550
  .e-gantt .e-temp-content {
542
551
  border-left: 1px solid;
@@ -563,19 +572,19 @@
563
572
  height: 45px;
564
573
  }
565
574
  .e-gantt .e-gantt-tree-grid-pane .e-headercontent {
566
- border-right-width: 0 !important;
575
+ border-right-width: 0 !important; /* stylelint-disable-line declaration-no-important */
567
576
  }
568
577
  .e-gantt .e-gantt-tree-grid-pane .e-gridheader {
569
578
  border-top-style: none;
570
579
  border-top-width: 0;
571
- padding-right: 0 !important;
580
+ padding-right: 0 !important; /* stylelint-disable-line declaration-no-important */
572
581
  }
573
582
  .e-gantt .e-gantt-tree-grid-pane .e-columnheader,
574
583
  .e-gantt .e-gantt-tree-grid-pane .e-headercell {
575
- height: 63px !important;
584
+ height: 63px !important; /* stylelint-disable-line declaration-no-important */
576
585
  }
577
586
  .e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-content {
578
- overflow-x: scroll !important;
587
+ overflow-x: scroll !important; /* stylelint-disable-line declaration-no-important */
579
588
  }
580
589
  .e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-content.e-gantt-scroll-padding {
581
590
  width: calc(100% + 17px);
@@ -600,7 +609,7 @@
600
609
  border-right: 0 solid;
601
610
  }
602
611
  .e-gantt .e-gantt-chart .e-chart-root-container .e-content {
603
- -webkit-overflow-scrolling: touch;
612
+ -webkit-overflow-scrolling: touch; /* stylelint-disable-line property-no-vendor-prefix */
604
613
  overflow-x: scroll;
605
614
  overflow-y: auto;
606
615
  position: relative;
@@ -1167,7 +1176,7 @@
1167
1176
  }
1168
1177
  .e-gantt-dialog .e-richtexteditor {
1169
1178
  border-bottom-width: 0px;
1170
- height: 241px !important;
1179
+ height: 241px !important; /* stylelint-disable-line declaration-no-important */
1171
1180
  overflow: hidden;
1172
1181
  }
1173
1182
  .e-gantt-dialog .e-richtexteditor.e-rte-tb-expand {
@@ -1179,10 +1188,10 @@
1179
1188
  overflow: hidden;
1180
1189
  }
1181
1190
  .e-gantt-dialog > .e-dlg-content {
1182
- padding: 0 !important;
1191
+ padding: 0 !important; /* stylelint-disable-line declaration-no-important */
1183
1192
  }
1184
1193
  .e-gantt-dialog .e-dlg-header-content {
1185
- border-bottom: 0 !important;
1194
+ border-bottom: 0 !important; /* stylelint-disable-line declaration-no-important */
1186
1195
  }
1187
1196
  .e-gantt-dialog .e-dlg-header-content {
1188
1197
  border-radius: 6px 6px 0px 0px;
@@ -1190,8 +1199,8 @@
1190
1199
  }
1191
1200
  .e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
1192
1201
  border-radius: 50%;
1193
- height: auto !important;
1194
- width: auto !important;
1202
+ height: auto !important; /* stylelint-disable-line declaration-no-important */
1203
+ width: auto !important; /* stylelint-disable-line declaration-no-important */
1195
1204
  }
1196
1205
 
1197
1206
  .e-icon-rowselect::before {
@@ -1199,9 +1208,9 @@
1199
1208
  }
1200
1209
 
1201
1210
  .e-ganttpopup {
1202
- -moz-user-select: none;
1203
- -ms-user-select: none;
1204
- -webkit-user-select: none;
1211
+ -moz-user-select: none; /* stylelint-disable-line property-no-vendor-prefix */
1212
+ -ms-user-select: none; /* stylelint-disable-line property-no-vendor-prefix */
1213
+ -webkit-user-select: none; /* stylelint-disable-line property-no-vendor-prefix */
1205
1214
  font-weight: normal;
1206
1215
  position: absolute;
1207
1216
  user-select: none;
@@ -1324,8 +1333,52 @@
1324
1333
  }
1325
1334
 
1326
1335
  .e-predecessor-tooltip {
1336
+ background-color: #000 !important; /* stylelint-disable-line declaration-no-important */
1337
+ border-color: #000 !important; /* stylelint-disable-line declaration-no-important */
1327
1338
  visibility: hidden;
1328
1339
  }
1340
+ .e-predecessor-tooltip .e-arrow-tip-outer.e-tip-bottom {
1341
+ border-top: 8px solid #000;
1342
+ }
1343
+ .e-predecessor-tooltip .e-arrow-tip-inner.e-tip-bottom {
1344
+ color: #000;
1345
+ }
1346
+ .e-predecessor-tooltip .e-left-btn:disabled {
1347
+ color: #adadad !important;
1348
+ }
1349
+ .e-predecessor-tooltip .e-right-btn:disabled {
1350
+ color: #adadad !important;
1351
+ }
1352
+ .e-predecessor-tooltip .e-tip-content {
1353
+ padding: 3px !important; /* stylelint-disable-line declaration-no-important */
1354
+ }
1355
+ .e-predecessor-tooltip .e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type {
1356
+ background-color: #000;
1357
+ border-color: #000;
1358
+ color: #fff;
1359
+ font-size: 12px;
1360
+ line-height: 18px;
1361
+ padding: 0 8px 0 0;
1362
+ }
1363
+ .e-predecessor-tooltip .e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type {
1364
+ background-color: #000;
1365
+ border-color: #000;
1366
+ color: #fff;
1367
+ font-size: 12px;
1368
+ line-height: 18px;
1369
+ padding: 0 0 0 8px;
1370
+ }
1371
+
1372
+ .e-predecessor-dialog {
1373
+ background-color: #fff;
1374
+ }
1375
+ .e-predecessor-dialog .e-dlg-content {
1376
+ background-color: #fff;
1377
+ padding: 10px 9px 9px 14px !important;
1378
+ font-size: 12px;
1379
+ font-weight: 400;
1380
+ line-height: 1.8;
1381
+ }
1329
1382
 
1330
1383
  /*! Gantt theme */
1331
1384
  .e-gantt .e-gantt-splitter {
@@ -1355,7 +1408,7 @@
1355
1408
  border-top-right-radius: 0px;
1356
1409
  }
1357
1410
  .e-gantt .e-grid .e-focused:not(.e-menu-item) {
1358
- box-shadow: 0 0 0 1px #248aff inset !important;
1411
+ box-shadow: 0 0 0 1px #248aff inset !important; /* stylelint-disable-line declaration-no-important */
1359
1412
  }
1360
1413
  .e-gantt .e-temp-content {
1361
1414
  border-color: #484848;
@@ -1370,7 +1423,7 @@
1370
1423
  border-color: #484848;
1371
1424
  }
1372
1425
  .e-gantt .e-gantt-tree-grid-pane .e-timeline-single-header-outer-div {
1373
- height: 45px !important;
1426
+ height: 45px !important; /* stylelint-disable-line declaration-no-important */
1374
1427
  }
1375
1428
  .e-gantt .e-gantt-tree-grid-pane .e-grid td.e-active {
1376
1429
  background: #484848;
@@ -1394,7 +1447,7 @@
1394
1447
  line-height: 47px;
1395
1448
  }
1396
1449
  .e-gantt .e-gantt-chart .e-timeline-single-header-outer-div {
1397
- height: 47px !important;
1450
+ height: 47px !important; /* stylelint-disable-line declaration-no-important */
1398
1451
  }
1399
1452
  .e-gantt .e-gantt-chart .e-timeline-top-header-cell {
1400
1453
  height: 32px;
@@ -1684,73 +1737,73 @@
1684
1737
  color: transparent;
1685
1738
  }
1686
1739
  .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-task-label {
1687
- color: transparent !important;
1740
+ color: transparent !important; /* stylelint-disable-line declaration-no-important */
1688
1741
  }
1689
1742
  .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-line {
1690
- border-color: #8A8A8A !important;
1743
+ border-color: #8A8A8A !important; /* stylelint-disable-line declaration-no-important */
1691
1744
  }
1692
1745
  .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-connector-line-right-arrow {
1693
- border-left-color: #8A8A8A !important;
1746
+ border-left-color: #8A8A8A !important; /* stylelint-disable-line declaration-no-important */
1694
1747
  }
1695
1748
  .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-connector-line-left-arrow {
1696
- border-right-color: #8A8A8A !important;
1749
+ border-right-color: #8A8A8A !important; /* stylelint-disable-line declaration-no-important */
1697
1750
  }
1698
1751
  .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-gantt-child-taskbar-inner-div {
1699
- background: #D5D5D5 !important;
1700
- border: #D5D5D5 !important;
1752
+ background: #D5D5D5 !important; /* stylelint-disable-line declaration-no-important */
1753
+ border: #D5D5D5 !important; /* stylelint-disable-line declaration-no-important */
1701
1754
  }
1702
1755
  .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-gantt-child-progressbar-inner-div {
1703
- background-color: transparent !important;
1704
- border: transparent !important;
1756
+ background-color: transparent !important; /* stylelint-disable-line declaration-no-important */
1757
+ border: transparent !important; /* stylelint-disable-line declaration-no-important */
1705
1758
  }
1706
1759
  .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-milestone-top {
1707
- border-bottom-color: #D5D5D5 !important;
1760
+ border-bottom-color: #D5D5D5 !important; /* stylelint-disable-line declaration-no-important */
1708
1761
  }
1709
1762
  .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-milestone-bottom {
1710
- border-top-color: #D5D5D5 !important;
1763
+ border-top-color: #D5D5D5 !important; /* stylelint-disable-line declaration-no-important */
1711
1764
  }
1712
1765
  .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-gantt-parent-taskbar-inner-div {
1713
- background-color: #8A8A8A !important;
1714
- border: #8A8A8A !important;
1766
+ background-color: #8A8A8A !important; /* stylelint-disable-line declaration-no-important */
1767
+ border: #8A8A8A !important; /* stylelint-disable-line declaration-no-important */
1715
1768
  }
1716
1769
  .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-gantt-parent-progressbar-inner-div {
1717
- background-color: transparent !important;
1718
- border: transparent !important;
1770
+ background-color: transparent !important; /* stylelint-disable-line declaration-no-important */
1771
+ border: transparent !important; /* stylelint-disable-line declaration-no-important */
1719
1772
  }
1720
1773
  .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-child-task .e-gantt-child-taskbar-inner-div {
1721
- background: #0070f0 !important;
1722
- border: #0070f0 !important;
1774
+ background: #0070f0 !important; /* stylelint-disable-line declaration-no-important */
1775
+ border: #0070f0 !important; /* stylelint-disable-line declaration-no-important */
1723
1776
  }
1724
1777
  .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-child-task .e-milestone-top {
1725
- border-bottom-color: #0070f0 !important;
1778
+ border-bottom-color: #0070f0 !important; /* stylelint-disable-line declaration-no-important */
1726
1779
  }
1727
1780
  .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-child-task .e-milestone-bottom {
1728
- border-top-color: #0070f0 !important;
1781
+ border-top-color: #0070f0 !important; /* stylelint-disable-line declaration-no-important */
1729
1782
  }
1730
1783
  .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-gantt-child-taskbar-inner-div {
1731
- background: #57a5ff !important;
1732
- border: #57a5ff !important;
1784
+ background: #57a5ff !important; /* stylelint-disable-line declaration-no-important */
1785
+ border: #57a5ff !important; /* stylelint-disable-line declaration-no-important */
1733
1786
  }
1734
1787
  .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-milestone-top {
1735
- border-bottom-color: #57a5ff !important;
1788
+ border-bottom-color: #57a5ff !important; /* stylelint-disable-line declaration-no-important */
1736
1789
  }
1737
1790
  .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-milestone-bottom {
1738
- border-top-color: #57a5ff !important;
1791
+ border-top-color: #57a5ff !important; /* stylelint-disable-line declaration-no-important */
1739
1792
  }
1740
1793
  .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-line {
1741
- border-color: #0070f0 !important;
1794
+ border-color: #0070f0 !important; /* stylelint-disable-line declaration-no-important */
1742
1795
  }
1743
1796
  .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-connector-line-right-arrow {
1744
- border-left-color: #0070f0 !important;
1797
+ border-left-color: #0070f0 !important; /* stylelint-disable-line declaration-no-important */
1745
1798
  }
1746
1799
  .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-connector-line-left-arrow {
1747
- border-right-color: #0070f0 !important;
1800
+ border-right-color: #0070f0 !important; /* stylelint-disable-line declaration-no-important */
1748
1801
  }
1749
1802
  .e-gantt .e-icons {
1750
1803
  color: #fff;
1751
1804
  }
1752
1805
  .e-gantt .e-grid .e-icons:not(.e-stop):not(.e-check):not(.e-icon-left):not(.e-date-icon) {
1753
- color: #f0f0f0 !important;
1806
+ color: #f0f0f0 !important; /* stylelint-disable-line declaration-no-important */
1754
1807
  }
1755
1808
 
1756
1809
  .e-gantt-dialog .e-dlg-header {