@worktile/gantt 18.0.0 → 18.0.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.
@@ -54,6 +54,19 @@
54
54
  right: 0;
55
55
  z-index: 3;
56
56
  display: flex;
57
+
58
+ &.gantt-scrollbar-bg {
59
+ background-color: variables.$gantt-container-background-color;
60
+
61
+ .gantt-table-scrollbar {
62
+ &.with-scrollbar {
63
+ border-right: 1px solid variables.$gantt-border-color;
64
+ z-index: 3;
65
+ box-shadow: variables.$gantt-scrollbar-shadow;
66
+ }
67
+ }
68
+ }
69
+
57
70
  .gantt-table-scrollbar {
58
71
  &.with-scrollbar {
59
72
  overflow-x: scroll;
@@ -134,6 +147,16 @@
134
147
  }
135
148
  }
136
149
 
150
+ &.gantt-scroll-container {
151
+ .gantt-container {
152
+ .gantt-main-container {
153
+ &::-webkit-scrollbar {
154
+ position: static;
155
+ }
156
+ }
157
+ }
158
+ }
159
+
137
160
  &.gantt-normal-viewport {
138
161
  .cdk-virtual-scroll-content-wrapper {
139
162
  height: 100%;
@@ -167,15 +190,17 @@
167
190
  left: 0;
168
191
  right: 0;
169
192
  bottom: 0;
170
- z-index: 2;
193
+ z-index: 3;
171
194
  background-color: white;
172
195
  border-top: 1px solid variables.$gantt-border-color;
196
+ border-bottom: 1px solid variables.$gantt-border-color;
173
197
 
174
198
  .gantt-table-footer {
175
199
  height: variables.$gantt-footer-height;
176
200
  border-right: 1px solid variables.$gantt-border-color;
177
- box-shadow: variables.$gantt-side-shadow;
201
+ box-shadow: variables.$gantt-footer-shadow;
178
202
  }
203
+
179
204
  .gantt-container-footer {
180
205
  height: variables.$gantt-footer-height;
181
206
  overflow-x: auto;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@worktile/gantt",
3
- "version": "18.0.0",
3
+ "version": "18.0.1",
4
4
  "schematics": "./schematics/collection.json",
5
5
  "author": "walkerkay001",
6
6
  "license": "MIT",
@@ -57,7 +57,11 @@ $gantt-loader-loading-color: $gantt-primary-color !default;
57
57
 
58
58
  // footer
59
59
  $gantt-footer-height: 44px !default;
60
+ $gantt-footer-shadow: 16px 0 14px -10px rgba(0, 0, 0, 0.15) !default;
60
61
 
61
62
  // @deprecated, please use global config `GANTT_GLOBAL_CONFIG` set custom height
62
63
  $gantt-item-height: none;
63
64
  $gantt-group-height: none;
65
+
66
+ // scrollbar
67
+ $gantt-scrollbar-shadow: 10px 0px 10px -3px rgba(0, 0, 0, 0.15) !default;