gantt-lib 0.75.1 → 0.76.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
@@ -1937,6 +1937,7 @@
1937
1937
  .gantt-resourceTimeline-resourceHeader {
1938
1938
  display: flex;
1939
1939
  align-items: center;
1940
+ gap: 8px;
1940
1941
  padding: 0 12px;
1941
1942
  box-sizing: border-box;
1942
1943
  border-bottom: 1px solid var(--gantt-grid-line-color, #e0e0e0);
@@ -1946,10 +1947,27 @@
1946
1947
  background: var(--gantt-cell-background, #ffffff);
1947
1948
  }
1948
1949
  .gantt-resourceTimeline-resourceName {
1950
+ min-width: 0;
1951
+ flex: 1 1 auto;
1949
1952
  overflow: hidden;
1950
1953
  text-overflow: ellipsis;
1951
1954
  white-space: nowrap;
1952
1955
  }
1956
+ .gantt-resourceTimeline-conflictBadge {
1957
+ display: inline-flex;
1958
+ align-items: center;
1959
+ justify-content: center;
1960
+ flex: 0 0 auto;
1961
+ min-width: 18px;
1962
+ height: 18px;
1963
+ padding: 0 5px;
1964
+ border-radius: 3px;
1965
+ background: #fee2e2;
1966
+ color: #b91c1c;
1967
+ font-size: 0.6875rem;
1968
+ font-weight: 700;
1969
+ line-height: 18px;
1970
+ }
1953
1971
  .gantt-resourceTimeline-chartSurface {
1954
1972
  position: relative;
1955
1973
  flex: 1;
@@ -1982,6 +2000,43 @@
1982
2000
  cursor: grab;
1983
2001
  user-select: none;
1984
2002
  }
2003
+ .gantt-resourceTimeline-weekendOverlay {
2004
+ position: absolute;
2005
+ top: 0;
2006
+ bottom: 0;
2007
+ z-index: 1;
2008
+ pointer-events: none;
2009
+ background-image:
2010
+ repeating-linear-gradient(
2011
+ 135deg,
2012
+ rgba(255, 255, 255, 0.26) 0,
2013
+ rgba(255, 255, 255, 0.26) 2px,
2014
+ transparent 2px,
2015
+ transparent 5px);
2016
+ mix-blend-mode: screen;
2017
+ }
2018
+ .gantt-resourceTimeline-conflictOverlay {
2019
+ position: absolute;
2020
+ top: 0;
2021
+ bottom: 0;
2022
+ z-index: 0;
2023
+ pointer-events: none;
2024
+ background-color: rgba(239, 68, 68, 1);
2025
+ }
2026
+ .gantt-resourceTimeline-resizeHandle {
2027
+ position: absolute;
2028
+ top: 0;
2029
+ bottom: 0;
2030
+ z-index: 3;
2031
+ width: 12px;
2032
+ cursor: ew-resize;
2033
+ }
2034
+ .gantt-resourceTimeline-resizeHandleStart {
2035
+ left: 0;
2036
+ }
2037
+ .gantt-resourceTimeline-resizeHandleEnd {
2038
+ right: 0;
2039
+ }
1985
2040
  .gantt-resourceTimeline-itemDragging {
1986
2041
  z-index: 5;
1987
2042
  cursor: grabbing;
@@ -1992,6 +2047,8 @@
1992
2047
  cursor: default;
1993
2048
  }
1994
2049
  .gantt-resourceTimeline-itemInner {
2050
+ position: relative;
2051
+ z-index: 2;
1995
2052
  display: flex;
1996
2053
  align-items: center;
1997
2054
  gap: 8px;
@@ -2001,6 +2058,7 @@
2001
2058
  overflow: hidden;
2002
2059
  pointer-events: auto;
2003
2060
  }
2061
+ .gantt-resourceTimeline-itemDurationChip,
2004
2062
  .gantt-resourceTimeline-itemTitle,
2005
2063
  .gantt-resourceTimeline-itemSubtitle,
2006
2064
  .gantt-resourceTimeline-itemDates {
@@ -2011,6 +2069,21 @@
2011
2069
  font-size: 12px;
2012
2070
  line-height: 1;
2013
2071
  }
2072
+ .gantt-resourceTimeline-itemDurationChip {
2073
+ display: inline-flex;
2074
+ align-items: center;
2075
+ justify-content: center;
2076
+ flex: 0 0 auto;
2077
+ min-width: 16px;
2078
+ height: 16px;
2079
+ padding: 1px 4px;
2080
+ border-radius: 3px;
2081
+ background: rgba(255, 255, 255, 0.22);
2082
+ color: inherit;
2083
+ font-size: 0.6875rem;
2084
+ font-weight: 700;
2085
+ line-height: 14px;
2086
+ }
2014
2087
  .gantt-resourceTimeline-itemTitle {
2015
2088
  font-weight: 600;
2016
2089
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "gantt-lib",
3
- "version": "0.75.1",
3
+ "version": "0.76.0",
4
4
  "description": "Lightweight React Gantt chart component library",
5
5
  "license": "MIT",
6
6
  "repository": {