gantt-lib 0.76.0 → 0.78.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
@@ -1911,10 +1911,23 @@
1911
1911
  --gantt-resourceTimeline-row-header-width: var(--gantt-resource-row-header-width, 240px);
1912
1912
  --gantt-resourceTimeline-lane-height: var(--gantt-resource-lane-height, 40px);
1913
1913
  --gantt-resourceTimeline-bar-radius: var(--gantt-resource-bar-radius, 4px);
1914
+ --gantt-resource-item-duration-chip-bg: rgba(255, 255, 255, 0.22);
1915
+ --gantt-resource-item-title-font-size: 0.75rem;
1916
+ --gantt-resource-item-title-font-weight: 700;
1917
+ --gantt-resource-item-subtitle-font-size: 0.6875rem;
1918
+ --gantt-resource-item-subtitle-opacity: 0.85;
1919
+ --gantt-resource-item-content-gap: 2px;
1920
+ --gantt-resource-item-main-gap: 6px;
1914
1921
  width: 100%;
1915
1922
  }
1916
1923
  .gantt-resourceTimeline-scrollContainer {
1917
- overflow: auto;
1924
+ overflow-x: auto;
1925
+ overflow-y: hidden;
1926
+ touch-action: pan-x;
1927
+ }
1928
+ .gantt-resourceTimeline-scrollContainer[data-allow-vertical-pan=true] {
1929
+ overflow-y: auto;
1930
+ touch-action: pan-x pan-y;
1918
1931
  }
1919
1932
  .gantt-resourceTimeline-scrollContent {
1920
1933
  display: flex;
@@ -1936,9 +1949,9 @@
1936
1949
  }
1937
1950
  .gantt-resourceTimeline-resourceHeader {
1938
1951
  display: flex;
1939
- align-items: center;
1952
+ align-items: flex-start;
1940
1953
  gap: 8px;
1941
- padding: 0 12px;
1954
+ padding: 10px 12px 0;
1942
1955
  box-sizing: border-box;
1943
1956
  border-bottom: 1px solid var(--gantt-grid-line-color, #e0e0e0);
1944
1957
  color: #1f2937;
@@ -1977,6 +1990,7 @@
1977
1990
  top: 0;
1978
1991
  z-index: 2;
1979
1992
  background: var(--gantt-cell-background, #ffffff);
1993
+ border-bottom: 1px solid var(--gantt-grid-line-color, #e0e0e0);
1980
1994
  }
1981
1995
  .gantt-resourceTimeline-grid {
1982
1996
  position: relative;
@@ -2049,25 +2063,35 @@
2049
2063
  .gantt-resourceTimeline-itemInner {
2050
2064
  position: relative;
2051
2065
  z-index: 2;
2052
- display: flex;
2053
- align-items: center;
2054
- gap: 8px;
2055
2066
  width: 100%;
2056
2067
  height: 100%;
2057
2068
  min-width: 0;
2058
2069
  overflow: hidden;
2059
2070
  pointer-events: auto;
2060
2071
  }
2072
+ .gantt-resourceTimeline-defaultItemContent {
2073
+ display: flex;
2074
+ min-width: 0;
2075
+ width: 100%;
2076
+ height: 100%;
2077
+ flex-direction: column;
2078
+ justify-content: center;
2079
+ gap: var(--gantt-resource-item-content-gap);
2080
+ line-height: 1.1;
2081
+ }
2082
+ .gantt-resourceTimeline-defaultItemMain {
2083
+ display: flex;
2084
+ align-items: center;
2085
+ gap: var(--gantt-resource-item-main-gap);
2086
+ min-width: 0;
2087
+ }
2061
2088
  .gantt-resourceTimeline-itemDurationChip,
2062
2089
  .gantt-resourceTimeline-itemTitle,
2063
- .gantt-resourceTimeline-itemSubtitle,
2064
- .gantt-resourceTimeline-itemDates {
2090
+ .gantt-resourceTimeline-itemSubtitle {
2065
2091
  min-width: 0;
2066
2092
  overflow: hidden;
2067
2093
  text-overflow: ellipsis;
2068
2094
  white-space: nowrap;
2069
- font-size: 12px;
2070
- line-height: 1;
2071
2095
  }
2072
2096
  .gantt-resourceTimeline-itemDurationChip {
2073
2097
  display: inline-flex;
@@ -2078,21 +2102,19 @@
2078
2102
  height: 16px;
2079
2103
  padding: 1px 4px;
2080
2104
  border-radius: 3px;
2081
- background: rgba(255, 255, 255, 0.22);
2105
+ background: var(--gantt-resource-item-duration-chip-bg);
2082
2106
  color: inherit;
2083
2107
  font-size: 0.6875rem;
2084
2108
  font-weight: 700;
2085
2109
  line-height: 14px;
2086
2110
  }
2087
2111
  .gantt-resourceTimeline-itemTitle {
2088
- font-weight: 600;
2112
+ font-size: var(--gantt-resource-item-title-font-size);
2113
+ font-weight: var(--gantt-resource-item-title-font-weight);
2089
2114
  }
2090
2115
  .gantt-resourceTimeline-itemSubtitle {
2091
- opacity: 0.85;
2092
- }
2093
- .gantt-resourceTimeline-itemDates {
2094
- margin-left: auto;
2095
- opacity: 0.9;
2116
+ font-size: var(--gantt-resource-item-subtitle-font-size);
2117
+ opacity: var(--gantt-resource-item-subtitle-opacity);
2096
2118
  }
2097
2119
 
2098
2120
  /* src/components/GanttChart/GanttChart.css */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "gantt-lib",
3
- "version": "0.76.0",
3
+ "version": "0.78.0",
4
4
  "description": "Lightweight React Gantt chart component library",
5
5
  "license": "MIT",
6
6
  "repository": {