gantt-lib 0.4.0 → 0.5.0

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
@@ -665,9 +665,60 @@
665
665
  }
666
666
  .gantt-tl-cell-number {
667
667
  width: 40px;
668
+ display: flex;
669
+ align-items: center;
668
670
  justify-content: center;
671
+ gap: 0;
672
+ padding: 0 4px;
669
673
  flex-shrink: 0;
670
674
  cursor: pointer;
675
+ position: relative;
676
+ }
677
+ .gantt-tl-drag-handle {
678
+ position: absolute;
679
+ top: 0;
680
+ left: 0;
681
+ right: 0;
682
+ bottom: 0;
683
+ display: flex;
684
+ align-items: center;
685
+ justify-content: center;
686
+ cursor: grab;
687
+ color: #9ca3af;
688
+ visibility: hidden;
689
+ user-select: none;
690
+ background: #f9fafb;
691
+ }
692
+ .gantt-tl-row:hover .gantt-tl-drag-handle,
693
+ .gantt-tl-row-dragging .gantt-tl-drag-handle {
694
+ visibility: visible;
695
+ }
696
+ .gantt-tl-row:hover .gantt-tl-num-label {
697
+ visibility: hidden;
698
+ }
699
+ .gantt-tl-drag-handle:active {
700
+ cursor: grabbing;
701
+ }
702
+ .gantt-tl-row-dragging {
703
+ background-color: rgba(59, 130, 246, 0.15);
704
+ }
705
+ .gantt-tl-row-dragging .gantt-tl-cell,
706
+ .gantt-tl-row-dragging .gantt-tl-name-trigger,
707
+ .gantt-tl-row-dragging .gantt-tl-num-label {
708
+ color: #3b82f6 !important;
709
+ }
710
+ .gantt-tl-row-drag-over {
711
+ position: relative;
712
+ }
713
+ .gantt-tl-row-drag-over::before {
714
+ content: "";
715
+ position: absolute;
716
+ top: 0;
717
+ left: 0;
718
+ right: 0;
719
+ height: 2px;
720
+ background-color: #3b82f6;
721
+ z-index: 1;
671
722
  }
672
723
  .gantt-tl-headerCell.gantt-tl-cell-name {
673
724
  padding-left: 4px;
@@ -784,6 +835,15 @@
784
835
  .gantt-tl-action-delete:hover {
785
836
  background-color: #dc2626;
786
837
  }
838
+ .gantt-tl-action-delete.gantt-tl-action-delete-confirm {
839
+ min-width: 60px;
840
+ font-size: 0.7rem;
841
+ font-weight: 600;
842
+ padding: 2px 6px;
843
+ }
844
+ .gantt-tl-action-delete.gantt-tl-action-delete-confirm:hover {
845
+ background-color: #b91c1c;
846
+ }
787
847
  .gantt-tl-dep-type-trigger {
788
848
  display: flex;
789
849
  align-items: center;
@@ -1045,7 +1105,6 @@
1045
1105
  text-align: left;
1046
1106
  background: transparent;
1047
1107
  border: none;
1048
- border-top: 1px dashed var(--gantt-grid-line-color, #e0e0e0);
1049
1108
  cursor: pointer;
1050
1109
  font-size: 12px;
1051
1110
  color: var(--gantt-text-muted, #9ca3af);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "gantt-lib",
3
- "version": "0.4.0",
3
+ "version": "0.5.0",
4
4
  "description": "Lightweight React Gantt chart component library",
5
5
  "license": "MIT",
6
6
  "repository": {