gantt-lib 0.22.0 → 0.22.2

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.
package/dist/styles.css CHANGED
@@ -624,7 +624,7 @@
624
624
  position: absolute;
625
625
  top: -1px;
626
626
  bottom: 0;
627
- z-index: 5;
627
+ z-index: 0;
628
628
  pointer-events: none;
629
629
  }
630
630
 
@@ -725,12 +725,28 @@
725
725
  flex-direction: column;
726
726
  flex-shrink: 0;
727
727
  pointer-events: auto;
728
+ width: var(--tasklist-width, 640px);
729
+ min-width: var(--tasklist-width, 640px);
728
730
  }
729
731
  .gantt-tl-overlay.gantt-tl-overlay-shadowed {
730
732
  box-shadow: 10px 0 18px -14px rgba(15, 23, 42, 0.45);
731
733
  }
732
734
  .gantt-tl-overlay.gantt-tl-hidden {
733
- display: none;
735
+ opacity: 0;
736
+ visibility: hidden;
737
+ transform: translateX(-100%);
738
+ pointer-events: none;
739
+ width: 0 !important;
740
+ min-width: 0 !important;
741
+ overflow: hidden;
742
+ }
743
+ .gantt-tl-overlay {
744
+ transition:
745
+ opacity 0.25s ease,
746
+ transform 0.25s ease,
747
+ visibility 0.25s ease,
748
+ width 0.25s ease,
749
+ min-width 0.25s ease;
734
750
  }
735
751
  .gantt-tl-table {
736
752
  display: flex;
@@ -1100,7 +1116,7 @@
1100
1116
  width: 90px;
1101
1117
  flex-shrink: 0;
1102
1118
  flex-wrap: wrap;
1103
- gap: 2px;
1119
+ gap: 4px;
1104
1120
  padding: 2px 4px;
1105
1121
  align-items: center;
1106
1122
  overflow: hidden;
@@ -1203,7 +1219,7 @@
1203
1219
  white-space: nowrap;
1204
1220
  line-height: 14px;
1205
1221
  cursor: pointer;
1206
- min-width: 32px;
1222
+ min-width: 42px;
1207
1223
  justify-content: center;
1208
1224
  }
1209
1225
  .gantt-tl-dep-chip-selected {
@@ -1435,7 +1451,7 @@
1435
1451
  border: 0px solid rgba(59, 130, 246, 0.4);
1436
1452
  background-color: rgba(59, 130, 246, 0.12);
1437
1453
  border-radius: 4px;
1438
- width: 23px;
1454
+ width: 30px;
1439
1455
  height: 23px;
1440
1456
  font-size: 0.9rem;
1441
1457
  color: #3b82f6;
@@ -1443,7 +1459,6 @@
1443
1459
  padding: 0;
1444
1460
  font-family: inherit;
1445
1461
  flex-shrink: 0;
1446
- margin-left: auto;
1447
1462
  }
1448
1463
  .gantt-tl-dep-add-hover {
1449
1464
  opacity: 0;
@@ -1496,10 +1511,15 @@
1496
1511
  text-overflow: ellipsis;
1497
1512
  text-align: center;
1498
1513
  }
1514
+ .gantt-tl-dep-delete-label-default {
1515
+ display: inline;
1516
+ pointer-events: none;
1517
+ }
1499
1518
  .gantt-tl-dep-delete-label-hover {
1500
1519
  display: none;
1501
1520
  color: #fff;
1502
1521
  font-weight: 600;
1522
+ pointer-events: none;
1503
1523
  }
1504
1524
  .gantt-tl-dep-delete-label:hover .gantt-tl-dep-delete-label-default {
1505
1525
  display: none;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "gantt-lib",
3
- "version": "0.22.0",
3
+ "version": "0.22.2",
4
4
  "description": "Lightweight React Gantt chart component library",
5
5
  "license": "MIT",
6
6
  "repository": {