gantt-lib 0.104.2 → 0.105.1
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/index.css.map +1 -1
- package/dist/index.d.mts +31 -17
- package/dist/index.d.ts +31 -17
- package/dist/index.js +293 -86
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +292 -86
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +85 -2
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -1035,11 +1035,15 @@
|
|
|
1035
1035
|
user-select: none;
|
|
1036
1036
|
background: transparent;
|
|
1037
1037
|
}
|
|
1038
|
-
.gantt-tl-cell-number:hover .gantt-tl-drag-handle,
|
|
1039
|
-
.gantt-tl-cell-number:focus-within .gantt-tl-drag-handle,
|
|
1038
|
+
.gantt-tl-cell-number-reorderable:hover .gantt-tl-drag-handle,
|
|
1039
|
+
.gantt-tl-cell-number-reorderable:focus-within .gantt-tl-drag-handle,
|
|
1040
1040
|
.gantt-tl-row-dragging .gantt-tl-drag-handle {
|
|
1041
1041
|
visibility: visible;
|
|
1042
1042
|
}
|
|
1043
|
+
.gantt-tl-cell-number-reorderable:hover .gantt-tl-num-label,
|
|
1044
|
+
.gantt-tl-cell-number-reorderable:focus-within .gantt-tl-num-label {
|
|
1045
|
+
visibility: hidden;
|
|
1046
|
+
}
|
|
1043
1047
|
.gantt-tl-num-label {
|
|
1044
1048
|
font-size: 0.75rem;
|
|
1045
1049
|
opacity: 0.45;
|
|
@@ -1058,6 +1062,7 @@
|
|
|
1058
1062
|
}
|
|
1059
1063
|
.gantt-tl-row-drag-over {
|
|
1060
1064
|
position: relative;
|
|
1065
|
+
isolation: isolate;
|
|
1061
1066
|
}
|
|
1062
1067
|
.gantt-tl-row-drag-over::before {
|
|
1063
1068
|
content: "";
|
|
@@ -1069,6 +1074,84 @@
|
|
|
1069
1074
|
background-color: #3b82f6;
|
|
1070
1075
|
z-index: 1;
|
|
1071
1076
|
}
|
|
1077
|
+
.gantt-tl-row-drag-over::after {
|
|
1078
|
+
content: "";
|
|
1079
|
+
position: absolute;
|
|
1080
|
+
left: 0;
|
|
1081
|
+
right: 0;
|
|
1082
|
+
pointer-events: none;
|
|
1083
|
+
opacity: 0;
|
|
1084
|
+
transition: opacity 80ms linear;
|
|
1085
|
+
z-index: 0;
|
|
1086
|
+
}
|
|
1087
|
+
.gantt-tl-row-drag-over-before::after {
|
|
1088
|
+
top: 0;
|
|
1089
|
+
height: 50%;
|
|
1090
|
+
opacity: 1;
|
|
1091
|
+
background:
|
|
1092
|
+
linear-gradient(
|
|
1093
|
+
180deg,
|
|
1094
|
+
rgba(59, 130, 246, 0.26) 0%,
|
|
1095
|
+
rgba(59, 130, 246, 0.08) 68%,
|
|
1096
|
+
rgba(59, 130, 246, 0) 100%);
|
|
1097
|
+
}
|
|
1098
|
+
.gantt-tl-row-drag-over-inside {
|
|
1099
|
+
background: transparent;
|
|
1100
|
+
box-shadow: none;
|
|
1101
|
+
}
|
|
1102
|
+
.gantt-tl-row-drag-over-inside::before {
|
|
1103
|
+
display: none;
|
|
1104
|
+
}
|
|
1105
|
+
.gantt-tl-row-drag-over-inside::after {
|
|
1106
|
+
display: none;
|
|
1107
|
+
}
|
|
1108
|
+
.gantt-tl-row-drag-over-after::before {
|
|
1109
|
+
top: auto;
|
|
1110
|
+
bottom: 0;
|
|
1111
|
+
}
|
|
1112
|
+
.gantt-tl-row-drag-over-after::after {
|
|
1113
|
+
bottom: 0;
|
|
1114
|
+
height: 50%;
|
|
1115
|
+
opacity: 1;
|
|
1116
|
+
background:
|
|
1117
|
+
linear-gradient(
|
|
1118
|
+
0deg,
|
|
1119
|
+
rgba(59, 130, 246, 0.26) 0%,
|
|
1120
|
+
rgba(59, 130, 246, 0.08) 68%,
|
|
1121
|
+
rgba(59, 130, 246, 0) 100%);
|
|
1122
|
+
}
|
|
1123
|
+
.gantt-tl-row-drag-over-nested::before,
|
|
1124
|
+
.gantt-tl-row-drag-over-nested::after {
|
|
1125
|
+
left: var(--gantt-tl-nested-drop-left, 49px);
|
|
1126
|
+
}
|
|
1127
|
+
.gantt-tl-row-drag-over-after.gantt-tl-row-drag-over-direct-child::before,
|
|
1128
|
+
.gantt-tl-row-drag-over-after.gantt-tl-row-drag-over-direct-child::after {
|
|
1129
|
+
left: var(--gantt-tl-nested-inside-drop-left, 49px);
|
|
1130
|
+
}
|
|
1131
|
+
.gantt-tl-row-drag-over-inside.gantt-tl-row-drag-over-nested::before {
|
|
1132
|
+
display: block;
|
|
1133
|
+
top: 50%;
|
|
1134
|
+
left: calc(var(--gantt-tl-nested-inside-drop-left, 49px) - 1px);
|
|
1135
|
+
width: 2px;
|
|
1136
|
+
height: 50%;
|
|
1137
|
+
background-color: #3b82f6;
|
|
1138
|
+
border-radius: 1px;
|
|
1139
|
+
}
|
|
1140
|
+
.gantt-tl-row-drag-over-inside.gantt-tl-row-drag-over-nested::after {
|
|
1141
|
+
display: block;
|
|
1142
|
+
left: calc(var(--gantt-tl-nested-inside-drop-left, 49px) + 1px);
|
|
1143
|
+
right: 0;
|
|
1144
|
+
bottom: 0;
|
|
1145
|
+
height: 50%;
|
|
1146
|
+
opacity: 1;
|
|
1147
|
+
background:
|
|
1148
|
+
linear-gradient(#3b82f6, #3b82f6) left bottom / 100% 2px no-repeat,
|
|
1149
|
+
linear-gradient(
|
|
1150
|
+
0deg,
|
|
1151
|
+
rgba(59, 130, 246, 0.26) 0%,
|
|
1152
|
+
rgba(59, 130, 246, 0.08) 68%,
|
|
1153
|
+
rgba(59, 130, 246, 0) 100%);
|
|
1154
|
+
}
|
|
1072
1155
|
.gantt-tl-headerCell.gantt-tl-cell-name {
|
|
1073
1156
|
padding-left: 4px;
|
|
1074
1157
|
}
|