gantt-lib 0.79.0 → 0.80.0

package/dist/styles.css

@@ -2046,12 +2046,20 @@
   font-weight: 500;
   background: var(--gantt-cell-background, #ffffff);
 }
+.gantt-resourceTimeline-resourceHeaderNew {
+  align-items: center;
+  padding-top: 0;
+}
 .gantt-resourceTimeline-resourceName {
   min-width: 0;
   flex: 1 1 auto;
+  display: -webkit-box;
   overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+  font-size: 13px;
+  line-height: 1.25;
+  overflow-wrap: anywhere;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
 }
 .gantt-resourceTimeline-conflictBadge {
   display: inline-flex;
@@ -2068,6 +2076,104 @@
   font-weight: 700;
   line-height: 18px;
 }
+.gantt-resourceTimeline-resourceMenuButton {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex: 0 0 auto;
+  width: 24px;
+  height: 24px;
+  margin-top: -3px;
+  border: 0;
+  border-radius: 4px;
+  background: transparent;
+  color: #6b7280;
+  cursor: pointer;
+  font: inherit;
+  font-size: 18px;
+  line-height: 1;
+  opacity: 0;
+  transition:
+    background-color 120ms ease,
+    color 120ms ease,
+    opacity 120ms ease;
+}
+.gantt-resourceTimeline-resourceHeader:hover .gantt-resourceTimeline-resourceMenuButton,
+.gantt-resourceTimeline-resourceHeader:focus-within .gantt-resourceTimeline-resourceMenuButton,
+.gantt-resourceTimeline-resourceHeaderMenuOpen .gantt-resourceTimeline-resourceMenuButton {
+  opacity: 1;
+}
+.gantt-resourceTimeline-resourceMenuButton:hover,
+.gantt-resourceTimeline-resourceMenuButton:focus-visible {
+  background: #e5e7eb;
+  color: #374151;
+  outline: none;
+}
+.gantt-resourceTimeline-resourceMenu {
+  min-width: 150px !important;
+  padding: 4px !important;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+.gantt-resourceTimeline-resourceMenuItem {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  width: 100%;
+  padding: 6px 10px;
+  border: 0;
+  border-radius: 4px;
+  background: transparent;
+  color: #374151;
+  cursor: pointer;
+  font: inherit;
+  font-size: 0.8rem;
+  text-align: left;
+  white-space: nowrap;
+}
+.gantt-resourceTimeline-resourceMenuItem:hover:not(:disabled),
+.gantt-resourceTimeline-resourceMenuItem:focus-visible:not(:disabled) {
+  background-color: rgba(0, 0, 0, 0.05);
+  outline: none;
+}
+.gantt-resourceTimeline-resourceMenuItem:disabled {
+  cursor: default;
+  opacity: 0.45;
+}
+.gantt-resourceTimeline-resourceMenuItemDanger {
+  color: #ef4444;
+}
+.gantt-resourceTimeline-resourceMenuItemDanger:hover:not(:disabled),
+.gantt-resourceTimeline-resourceMenuItemDanger:focus-visible:not(:disabled) {
+  background-color: rgba(239, 68, 68, 0.08);
+  color: #dc2626;
+}
+.gantt-resourceTimeline-resourceInput {
+  width: 100%;
+}
+.gantt-resourceTimeline-addResourceButton {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  box-sizing: border-box;
+  padding: 0 12px;
+  border: 0;
+  border-bottom: 1px solid var(--gantt-grid-line-color, #e0e0e0);
+  background: var(--gantt-cell-background, #ffffff);
+  color: #2563eb;
+  cursor: pointer;
+  font: inherit;
+  font-size: 14px;
+  font-weight: 600;
+  text-align: left;
+}
+.gantt-resourceTimeline-addResourceButton:hover,
+.gantt-resourceTimeline-addResourceButton:focus-visible {
+  background: #f8fafc;
+  color: #1d4ed8;
+  outline: none;
+}
 .gantt-resourceTimeline-chartSurface {
   position: relative;
   flex: 1;
@@ -2082,6 +2188,9 @@
 .gantt-resourceTimeline-grid {
   position: relative;
 }
+.gantt-resourceTimeline .gantt-ti-indicator {
+  z-index: 4;
+}
 .gantt-resourceTimeline-row {
   position: absolute;
   left: 0;
@@ -2141,6 +2250,7 @@
   bottom: 0;
   z-index: 1;
   pointer-events: none;
+  border-radius: inherit;
   background-image:
     repeating-linear-gradient(
       135deg,
@@ -2156,6 +2266,7 @@
   bottom: 0;
   z-index: 0;
   pointer-events: none;
+  border-radius: inherit;
   background-color: rgba(239, 68, 68, 1);
 }
 .gantt-resourceTimeline-resizeHandle {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gantt-lib",
-  "version": "0.79.0",
+  "version": "0.80.0",
   "description": "Lightweight React Gantt chart component library",
   "license": "MIT",
   "repository": {