gantt-lib 0.76.0 → 0.77.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;
@@ -2049,25 +2062,35 @@
2049
2062
  .gantt-resourceTimeline-itemInner {
2050
2063
  position: relative;
2051
2064
  z-index: 2;
2052
- display: flex;
2053
- align-items: center;
2054
- gap: 8px;
2055
2065
  width: 100%;
2056
2066
  height: 100%;
2057
2067
  min-width: 0;
2058
2068
  overflow: hidden;
2059
2069
  pointer-events: auto;
2060
2070
  }
2071
+ .gantt-resourceTimeline-defaultItemContent {
2072
+ display: flex;
2073
+ min-width: 0;
2074
+ width: 100%;
2075
+ height: 100%;
2076
+ flex-direction: column;
2077
+ justify-content: center;
2078
+ gap: var(--gantt-resource-item-content-gap);
2079
+ line-height: 1.1;
2080
+ }
2081
+ .gantt-resourceTimeline-defaultItemMain {
2082
+ display: flex;
2083
+ align-items: center;
2084
+ gap: var(--gantt-resource-item-main-gap);
2085
+ min-width: 0;
2086
+ }
2061
2087
  .gantt-resourceTimeline-itemDurationChip,
2062
2088
  .gantt-resourceTimeline-itemTitle,
2063
- .gantt-resourceTimeline-itemSubtitle,
2064
- .gantt-resourceTimeline-itemDates {
2089
+ .gantt-resourceTimeline-itemSubtitle {
2065
2090
  min-width: 0;
2066
2091
  overflow: hidden;
2067
2092
  text-overflow: ellipsis;
2068
2093
  white-space: nowrap;
2069
- font-size: 12px;
2070
- line-height: 1;
2071
2094
  }
2072
2095
  .gantt-resourceTimeline-itemDurationChip {
2073
2096
  display: inline-flex;
@@ -2078,21 +2101,19 @@
2078
2101
  height: 16px;
2079
2102
  padding: 1px 4px;
2080
2103
  border-radius: 3px;
2081
- background: rgba(255, 255, 255, 0.22);
2104
+ background: var(--gantt-resource-item-duration-chip-bg);
2082
2105
  color: inherit;
2083
2106
  font-size: 0.6875rem;
2084
2107
  font-weight: 700;
2085
2108
  line-height: 14px;
2086
2109
  }
2087
2110
  .gantt-resourceTimeline-itemTitle {
2088
- font-weight: 600;
2111
+ font-size: var(--gantt-resource-item-title-font-size);
2112
+ font-weight: var(--gantt-resource-item-title-font-weight);
2089
2113
  }
2090
2114
  .gantt-resourceTimeline-itemSubtitle {
2091
- opacity: 0.85;
2092
- }
2093
- .gantt-resourceTimeline-itemDates {
2094
- margin-left: auto;
2095
- opacity: 0.9;
2115
+ font-size: var(--gantt-resource-item-subtitle-font-size);
2116
+ opacity: var(--gantt-resource-item-subtitle-opacity);
2096
2117
  }
2097
2118
 
2098
2119
  /* 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.77.0",
4
4
  "description": "Lightweight React Gantt chart component library",
5
5
  "license": "MIT",
6
6
  "repository": {