@gooddata/sdk-ui-dashboard 10.33.0-alpha.41 → 10.33.0-alpha.43

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.
Files changed (30) hide show
  1. package/esm/__version.d.ts +1 -1
  2. package/esm/__version.js +1 -1
  3. package/esm/presentation/dashboard/DefaultDashboardContent/DefaultDashboardMainContent.d.ts.map +1 -1
  4. package/esm/presentation/dashboard/DefaultDashboardContent/DefaultDashboardMainContent.js +1 -0
  5. package/esm/presentation/dashboard/DefaultDashboardContent/DefaultDashboardMainContent.js.map +1 -1
  6. package/esm/presentation/flexibleLayout/DashboardLayoutWidget.d.ts.map +1 -1
  7. package/esm/presentation/flexibleLayout/DashboardLayoutWidget.js +4 -6
  8. package/esm/presentation/flexibleLayout/DashboardLayoutWidget.js.map +1 -1
  9. package/esm/presentation/flexibleLayout/dragAndDrop/draggableWidget/Hotspot.d.ts +5 -2
  10. package/esm/presentation/flexibleLayout/dragAndDrop/draggableWidget/Hotspot.d.ts.map +1 -1
  11. package/esm/presentation/flexibleLayout/dragAndDrop/draggableWidget/Hotspot.js +16 -17
  12. package/esm/presentation/flexibleLayout/dragAndDrop/draggableWidget/Hotspot.js.map +1 -1
  13. package/esm/presentation/flexibleLayout/dragAndDrop/draggableWidget/RowEndHotspot.d.ts.map +1 -1
  14. package/esm/presentation/flexibleLayout/dragAndDrop/draggableWidget/RowEndHotspot.js +1 -3
  15. package/esm/presentation/flexibleLayout/dragAndDrop/draggableWidget/RowEndHotspot.js.map +1 -1
  16. package/esm/presentation/widget/widget/DashboardNestedLayoutWidget/EditableDashboardNestedLayoutWidget.d.ts.map +1 -1
  17. package/esm/presentation/widget/widget/DashboardNestedLayoutWidget/EditableDashboardNestedLayoutWidget.js +0 -4
  18. package/esm/presentation/widget/widget/DashboardNestedLayoutWidget/EditableDashboardNestedLayoutWidget.js.map +1 -1
  19. package/package.json +15 -15
  20. package/styles/css/dashboard.css +3 -0
  21. package/styles/css/dashboard.css.map +1 -1
  22. package/styles/css/dashboardNestedLayoutWidget.css +78 -48
  23. package/styles/css/dashboardNestedLayoutWidget.css.map +1 -1
  24. package/styles/css/dragAndDrop.css +10 -13
  25. package/styles/css/dragAndDrop.css.map +1 -1
  26. package/styles/css/main.css +91 -61
  27. package/styles/css/main.css.map +1 -1
  28. package/styles/scss/dashboard.scss +5 -0
  29. package/styles/scss/dashboardNestedLayoutWidget.scss +131 -76
  30. package/styles/scss/dragAndDrop.scss +35 -40
package/styles/css/dashboardNestedLayoutWidget.css CHANGED
@@ -37,10 +37,6 @@
37
37
  font-size: 18px;
38
38
  }
39
39
 
40
- .gd-nested-layout-widget-renderer .gd-nested-layout-hotspot.dropzone {
41
- width: 50px;
42
- }
43
-
44
40
  .gd-dashboard-nested-layout-tab {
45
41
  display: none;
46
42
  width: auto;
@@ -96,81 +92,115 @@
96
92
  .gd-grid-layout .gd-empty-dashboard-dropzone .drag-info-placeholder {
97
93
  min-height: 300px;
98
94
  }
99
- .gd-grid-layout .gd-hotspot-border__container {
100
- display: none;
95
+
96
+ .gd-grid-layout-dropzone {
97
+ z-index: 99;
98
+ }
99
+ .gd-grid-layout-dropzone--type-prev, .gd-grid-layout-dropzone--type-next {
101
100
  position: absolute;
102
- padding: 10px 0;
103
- width: 10px;
104
- height: 100%;
105
101
  }
106
- .gd-grid-layout .gd-first-container-row-dropzone .gd-hotspot-border__container {
107
- padding-top: 0;
102
+ .gd-grid-layout-dropzone--type-prev .drop-hint {
103
+ float: left;
104
+ margin-left: -3px;
105
+ }
106
+ .gd-grid-layout-dropzone--type-next .drop-hint {
107
+ float: right;
108
+ margin-left: 3px;
108
109
  }
109
- .gd-grid-layout .gd-hotspot-border__drop-target {
110
+ .gd-grid-layout-dropzone--hidden {
111
+ display: none;
112
+ }
113
+ .gd-grid-layout-dropzone--direction-row.gd-grid-layout-dropzone--type-prev, .gd-grid-layout-dropzone--direction-row.gd-grid-layout-dropzone--type-next {
114
+ top: 0;
115
+ bottom: 0;
116
+ width: 50%;
117
+ }
118
+ .gd-grid-layout-dropzone--direction-row.gd-grid-layout-dropzone--type-prev.gd-grid-layout-dropzone--full, .gd-grid-layout-dropzone--direction-row.gd-grid-layout-dropzone--type-next.gd-grid-layout-dropzone--full {
110
119
  width: 100%;
111
- height: 100%;
112
- padding: 2px;
113
- border: 1px dashed var(--gd-palette-primary-base, #14b2e2);
114
- border-radius: 15px;
115
- background-color: var(--gd-palette-primary-dimmed, #e8f7fc);
116
120
  }
117
- .gd-grid-layout .gd-hotspot-border__drop-target .drop-target-inner {
118
- width: 4px;
119
- height: 100%;
120
- padding: 0;
121
- border-radius: 2px;
122
- background-color: var(--gd-palette-primary-base, #14b2e2);
121
+ .gd-grid-layout-dropzone--direction-row.gd-grid-layout-dropzone--type-prev {
122
+ left: 0;
123
123
  }
124
- .gd-grid-layout .dropzone.prev.active .gd-hotspot-border__container {
124
+ .gd-grid-layout-dropzone--direction-row.gd-grid-layout-dropzone--type-prev.gd-grid-layout-dropzone--active .gd-grid-layout-dropzone__drop-target--direction-row {
125
125
  left: -15px;
126
- display: block;
127
126
  }
128
- .gd-grid-layout .dropzone.next.active .gd-hotspot-border__container {
127
+ .gd-grid-layout-dropzone--direction-row.gd-grid-layout-dropzone--type-next {
128
+ right: 0;
129
+ }
130
+ .gd-grid-layout-dropzone--direction-row.gd-grid-layout-dropzone--type-next.gd-grid-layout-dropzone--active .gd-grid-layout-dropzone__drop-target--direction-row {
129
131
  right: -15px;
130
- display: block;
131
132
  }
132
-
133
- .gd-dashboard-nested-layout-widget--column .dropzone.prev, .gd-dashboard-nested-layout-widget--column .dropzone.next {
134
- top: unset;
133
+ .gd-grid-layout-dropzone--direction-row.gd-grid-layout-dropzone--extended {
134
+ width: 100%;
135
+ }
136
+ .gd-grid-layout-dropzone--direction-row.gd-grid-layout-dropzone--isOverNestedLayout.gd-grid-layout-dropzone--type-prev, .gd-grid-layout-dropzone--direction-row.gd-grid-layout-dropzone--isOverNestedLayout.gd-grid-layout-dropzone--type-next {
137
+ width: 50px;
138
+ }
139
+ .gd-grid-layout-dropzone--direction-column.gd-grid-layout-dropzone--type-prev, .gd-grid-layout-dropzone--direction-column.gd-grid-layout-dropzone--type-next {
135
140
  right: 0;
136
- bottom: unset;
137
141
  left: 0;
138
- width: 100%;
139
142
  height: 50%;
140
143
  }
141
- .gd-dashboard-nested-layout-widget--column .dropzone.prev {
142
- top: 0;
143
- }
144
- .gd-dashboard-nested-layout-widget--column .dropzone.prev.full {
144
+ .gd-grid-layout-dropzone--direction-column.gd-grid-layout-dropzone--type-prev.gd-grid-layout-dropzone--full, .gd-grid-layout-dropzone--direction-column.gd-grid-layout-dropzone--type-next.gd-grid-layout-dropzone--full {
145
145
  width: 50%;
146
146
  }
147
- .gd-dashboard-nested-layout-widget--column .dropzone.prev.active .gd-hotspot-border__container {
148
- left: unset;
147
+ .gd-grid-layout-dropzone--direction-column.gd-grid-layout-dropzone--type-prev {
148
+ top: 0;
149
+ }
150
+ .gd-grid-layout-dropzone--direction-column.gd-grid-layout-dropzone--type-prev.gd-grid-layout-dropzone--active .gd-grid-layout-dropzone__drop-target--direction-column {
149
151
  top: -5px;
150
152
  }
151
- .gd-dashboard-nested-layout-widget--column .dropzone.next {
153
+ .gd-grid-layout-dropzone--direction-column.gd-grid-layout-dropzone--type-next {
152
154
  bottom: 0;
153
155
  }
154
- .gd-dashboard-nested-layout-widget--column .dropzone.next.full {
155
- width: 50%;
156
- }
157
- .gd-dashboard-nested-layout-widget--column .dropzone.next.active .gd-hotspot-border__container {
158
- right: unset;
156
+ .gd-grid-layout-dropzone--direction-column.gd-grid-layout-dropzone--type-next.gd-grid-layout-dropzone--active .gd-grid-layout-dropzone__drop-target--direction-column {
159
157
  bottom: -5px;
160
158
  }
161
- .gd-dashboard-nested-layout-widget--column .dropzone.gd-nested-layout-hotspot.prev, .gd-dashboard-nested-layout-widget--column .dropzone.gd-nested-layout-hotspot.next {
159
+ .gd-grid-layout-dropzone--direction-column.gd-grid-layout-dropzone--isOverNestedLayout.gd-grid-layout-dropzone--type-prev, .gd-grid-layout-dropzone--direction-column.gd-grid-layout-dropzone--isOverNestedLayout.gd-grid-layout-dropzone--type-next {
162
160
  height: 50px;
163
161
  }
164
- .gd-dashboard-nested-layout-widget--column .dropzone.gd-first-container-row-dropzone.prev.active .gd-hotspot-border__container {
162
+ .gd-grid-layout-dropzone--direction-column.gd-grid-layout-dropzone--isInFirstRow.gd-grid-layout-dropzone--type-prev.gd-grid-layout-dropzone--active .gd-grid-layout-dropzone__drop-target--direction-column {
165
163
  top: -15px;
166
164
  }
167
- .gd-dashboard-nested-layout-widget--column .gd-hotspot-border__container {
165
+ .gd-grid-layout-dropzone__drop-target {
166
+ display: none;
167
+ position: absolute;
168
+ }
169
+ .gd-grid-layout-dropzone__drop-target--direction-row {
170
+ padding: 10px 0;
171
+ width: 10px;
172
+ height: 100%;
173
+ }
174
+ .gd-grid-layout-dropzone__drop-target--direction-row .gd-grid-layout-dropzone__drop-target-inner {
175
+ width: 4px;
176
+ }
177
+ .gd-grid-layout-dropzone__drop-target--direction-column {
168
178
  padding: 0;
169
179
  width: 100%;
170
180
  height: 10px;
171
181
  }
172
- .gd-dashboard-nested-layout-widget--column .gd-hotspot-border__drop-target .drop-target-inner {
182
+ .gd-grid-layout-dropzone__drop-target--direction-column .gd-grid-layout-dropzone__drop-target-inner {
173
183
  width: 100%;
174
184
  }
185
+ .gd-grid-layout-dropzone__drop-target.gd-grid-layout-dropzone--isInFirstRow {
186
+ padding-top: 0;
187
+ }
188
+ .gd-grid-layout-dropzone--active .gd-grid-layout-dropzone__drop-target {
189
+ display: block;
190
+ }
191
+ .gd-grid-layout-dropzone__drop-target-border {
192
+ width: 100%;
193
+ height: 100%;
194
+ padding: 2px;
195
+ border: 1px dashed var(--gd-palette-primary-base, #14b2e2);
196
+ border-radius: 15px;
197
+ background-color: var(--gd-palette-primary-dimmed, #e8f7fc);
198
+ }
199
+ .gd-grid-layout-dropzone__drop-target-inner {
200
+ height: 100%;
201
+ padding: 0;
202
+ border-radius: 2px;
203
+ background-color: var(--gd-palette-primary-base, #14b2e2);
204
+ }
175
205
 
176
206
  /*# sourceMappingURL=dashboardNestedLayoutWidget.css.map */
package/styles/css/dashboardNestedLayoutWidget.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../node_modules/@gooddata/sdk-ui-kit/styles/scss/mixins.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/Bubble/_variables.scss","../scss/dashboardNestedLayoutWidget.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss","../scss/_zIndexes.scss"],"names":[],"mappings":"AA0HA;AA4DA;ACjLA;AAAA;AAAA;ACEI;EACI;EACA;;AAGA;EAEI;;AAEJ;EAII;EACA,OCKI;EDJJ,kBC0FY;;ADzFZ;EACI,kBCwFQ;;ADpFpB;EACI;EACA,OCIc;EDHd,kBCUkB;;ADTlB;EACI,kBCQc;;ADNlB;EACI,MCFU;;ADKlB;EACI;EACA;;AACA;EACI;;;AAMR;EACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,SEpDoC;;AFsDpC;EACI;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;;;AAGR;EACI;EACA;;AAEA;EACI;;AAGJ;AAAA;EAEI;EACA;EACA;EACA;;AAEJ;EACI;;;AAKJ;EACI;;AAIA;AAAA;EAEI;;AAGJ;EACI;EACA;;AAGJ;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA,kBC5FoB;;AD8FpB;EACI;EACA;EACA;EACA;EACA,kBCtGc;;AD2GlB;EACI;EACA;;AAKJ;EACI;EACA;;;AASJ;EAEI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAEA;EACI;;AAIA;EACI;EACA;;AAKZ;EACI;;AAEA;EACI;;AAIA;EACI;EACA;;AAMR;EAII;;AAQI;EACI;;AAOpB;EACI;EACA;EACA;;AAIA;EACI","file":"dashboardNestedLayoutWidget.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../node_modules/@gooddata/sdk-ui-kit/styles/scss/mixins.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/Bubble/_variables.scss","../scss/dashboardNestedLayoutWidget.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss","../scss/_zIndexes.scss"],"names":[],"mappings":"AA0HA;AA4DA;ACjLA;AAAA;AAAA;ACEI;EACI;EACA;;AAGA;EAEI;;AAEJ;EAII;EACA,OCKI;EDJJ,kBC0FY;;ADzFZ;EACI,kBCwFQ;;ADpFpB;EACI;EACA,OCIc;EDHd,kBCUkB;;ADTlB;EACI,kBCQc;;ADNlB;EACI,MCFU;;ADKlB;EACI;EACA;;AACA;EACI;;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,SE9CoC;;AFgDpC;EACI;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;;;AAGR;EACI;EACA;;AAEA;EACI;;AAGJ;AAAA;EAEI;EACA;EACA;EACA;;AAEJ;EACI;;;AAKJ;EACI;;AAIA;AAAA;EAEI;;AAGJ;EACI;EACA;;AAGJ;EACI;;;AAMZ;EAEI,SE3GsB;;AF6GtB;EAEI;;AAIA;EACI;EACA;;AAKJ;EACI;EACA;;AAIR;EACI;;AAKA;EAEI;EACA;EACA;;AAEA;EACI;;AAIR;EACI;;AAGI;EACI;;AAKZ;EACI;;AAGI;EACI;;AAKZ;EACI;;AAIA;EAII;;AAOR;EAEI;EACA;EACA;;AAEA;EACI;;AAIR;EACI;;AAGI;EACI;;AAKZ;EACI;;AAGI;EACI;;AAMR;EAII;;AAQI;EACI;;AAQpB;EACI;EACA;;AAEA;EACI;EACA;EACA;;AAEA;EACI;;AAIR;EACI;EACA;EACA;;AAEA;EACI;;AAIR;EACI;;AAKJ;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA,kBChPoB;;ADmPxB;EACI;EACA;EACA;EACA,kBC1PkB","file":"dashboardNestedLayoutWidget.css"}
package/styles/css/dragAndDrop.css CHANGED
@@ -170,39 +170,39 @@
170
170
  background-image: url("@gooddata/sdk-ui-dashboard/esm/assets/add-attribute-filter-placeholder.svg");
171
171
  }
172
172
 
173
- .dropzone {
173
+ .gd-fluid-layout .dropzone {
174
174
  z-index: 99;
175
175
  }
176
- .dropzone.next, .dropzone.prev {
176
+ .gd-fluid-layout .dropzone.next, .gd-fluid-layout .dropzone.prev {
177
177
  position: absolute;
178
178
  top: 0;
179
179
  bottom: 0;
180
180
  width: 50%;
181
181
  }
182
- .dropzone.next {
182
+ .gd-fluid-layout .dropzone.next {
183
183
  right: 0;
184
184
  }
185
- .dropzone.next .drop-hint {
185
+ .gd-fluid-layout .dropzone.next .drop-hint {
186
186
  float: right;
187
187
  margin-left: 3px;
188
188
  }
189
- .dropzone.next.full {
189
+ .gd-fluid-layout .dropzone.next.full {
190
190
  width: 100%;
191
191
  }
192
- .dropzone.prev {
192
+ .gd-fluid-layout .dropzone.prev {
193
193
  left: 0;
194
194
  }
195
- .dropzone.prev .drop-hint {
195
+ .gd-fluid-layout .dropzone.prev .drop-hint {
196
196
  float: left;
197
197
  margin-left: -3px;
198
198
  }
199
- .dropzone.prev.full {
199
+ .gd-fluid-layout .dropzone.prev.full {
200
200
  width: 100%;
201
201
  }
202
- .dropzone.hidden {
202
+ .gd-fluid-layout .dropzone.hidden {
203
203
  display: none;
204
204
  }
205
- .dropzone.extended {
205
+ .gd-fluid-layout .dropzone.extended {
206
206
  width: 100%;
207
207
  }
208
208
 
@@ -591,9 +591,6 @@
591
591
  left: 10px;
592
592
  align-content: center;
593
593
  }
594
- .gd-grid-layout .dropzone.next .drop-hint {
595
- float: unset;
596
- }
597
594
  .gd-grid-layout .row-hotspot-container .row-hotspot {
598
595
  top: -20px;
599
596
  right: unset;
package/styles/css/dragAndDrop.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../node_modules/@gooddata/sdk-ui-kit/styles/scss/mixins.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/Bubble/_variables.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/Button/_variables.scss","../scss/dragAndDrop.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss","../scss/_zIndexes.scss","../scss/_variables.scss"],"names":[],"mappings":"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","file":"dragAndDrop.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../node_modules/@gooddata/sdk-ui-kit/styles/scss/mixins.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/Bubble/_variables.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/Button/_variables.scss","../scss/dragAndDrop.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss","../scss/_zIndexes.scss","../scss/_variables.scss"],"names":[],"mappings":"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","file":"dragAndDrop.css"}
package/styles/css/main.css CHANGED
@@ -21045,6 +21045,9 @@ figure {
21045
21045
  .gd-grid-layout .dash-item .is-dragging-widget.dash-item-content {
21046
21046
  border-color: var(--gd-palette-complementary-2, #ebeff4);
21047
21047
  }
21048
+ .gd-grid-layout .dash-item.gd-dashboard-nested-layout-widget .gd-dashboard-nested-layout-widget {
21049
+ padding: 10px 0 0 0;
21050
+ }
21048
21051
  .gd-grid-layout .dash-item:not(.gd-dashboard-nested-layout-widget):not(.gd-first-container-row-widget):not(.drag-info-placeholder) {
21049
21052
  padding: 10px 0;
21050
21053
  }
@@ -21222,39 +21225,39 @@ figure {
21222
21225
  background-image: url("@gooddata/sdk-ui-dashboard/esm/assets/add-attribute-filter-placeholder.svg");
21223
21226
  }
21224
21227
 
21225
- .dropzone {
21228
+ .gd-fluid-layout .dropzone {
21226
21229
  z-index: 99;
21227
21230
  }
21228
- .dropzone.next, .dropzone.prev {
21231
+ .gd-fluid-layout .dropzone.next, .gd-fluid-layout .dropzone.prev {
21229
21232
  position: absolute;
21230
21233
  top: 0;
21231
21234
  bottom: 0;
21232
21235
  width: 50%;
21233
21236
  }
21234
- .dropzone.next {
21237
+ .gd-fluid-layout .dropzone.next {
21235
21238
  right: 0;
21236
21239
  }
21237
- .dropzone.next .drop-hint {
21240
+ .gd-fluid-layout .dropzone.next .drop-hint {
21238
21241
  float: right;
21239
21242
  margin-left: 3px;
21240
21243
  }
21241
- .dropzone.next.full {
21244
+ .gd-fluid-layout .dropzone.next.full {
21242
21245
  width: 100%;
21243
21246
  }
21244
- .dropzone.prev {
21247
+ .gd-fluid-layout .dropzone.prev {
21245
21248
  left: 0;
21246
21249
  }
21247
- .dropzone.prev .drop-hint {
21250
+ .gd-fluid-layout .dropzone.prev .drop-hint {
21248
21251
  float: left;
21249
21252
  margin-left: -3px;
21250
21253
  }
21251
- .dropzone.prev.full {
21254
+ .gd-fluid-layout .dropzone.prev.full {
21252
21255
  width: 100%;
21253
21256
  }
21254
- .dropzone.hidden {
21257
+ .gd-fluid-layout .dropzone.hidden {
21255
21258
  display: none;
21256
21259
  }
21257
- .dropzone.extended {
21260
+ .gd-fluid-layout .dropzone.extended {
21258
21261
  width: 100%;
21259
21262
  }
21260
21263
 
@@ -21643,9 +21646,6 @@ figure {
21643
21646
  left: 10px;
21644
21647
  align-content: center;
21645
21648
  }
21646
- .gd-grid-layout .dropzone.next .drop-hint {
21647
- float: unset;
21648
- }
21649
21649
  .gd-grid-layout .row-hotspot-container .row-hotspot {
21650
21650
  top: -20px;
21651
21651
  right: unset;
@@ -26870,10 +26870,6 @@ figure {
26870
26870
  font-size: 18px;
26871
26871
  }
26872
26872
 
26873
- .gd-nested-layout-widget-renderer .gd-nested-layout-hotspot.dropzone {
26874
- width: 50px;
26875
- }
26876
-
26877
26873
  .gd-dashboard-nested-layout-tab {
26878
26874
  display: none;
26879
26875
  width: auto;
@@ -26929,81 +26925,115 @@ figure {
26929
26925
  .gd-grid-layout .gd-empty-dashboard-dropzone .drag-info-placeholder {
26930
26926
  min-height: 300px;
26931
26927
  }
26932
- .gd-grid-layout .gd-hotspot-border__container {
26933
- display: none;
26928
+
26929
+ .gd-grid-layout-dropzone {
26930
+ z-index: 99;
26931
+ }
26932
+ .gd-grid-layout-dropzone--type-prev, .gd-grid-layout-dropzone--type-next {
26934
26933
  position: absolute;
26935
- padding: 10px 0;
26936
- width: 10px;
26937
- height: 100%;
26938
26934
  }
26939
- .gd-grid-layout .gd-first-container-row-dropzone .gd-hotspot-border__container {
26940
- padding-top: 0;
26935
+ .gd-grid-layout-dropzone--type-prev .drop-hint {
26936
+ float: left;
26937
+ margin-left: -3px;
26938
+ }
26939
+ .gd-grid-layout-dropzone--type-next .drop-hint {
26940
+ float: right;
26941
+ margin-left: 3px;
26942
+ }
26943
+ .gd-grid-layout-dropzone--hidden {
26944
+ display: none;
26941
26945
  }
26942
- .gd-grid-layout .gd-hotspot-border__drop-target {
26946
+ .gd-grid-layout-dropzone--direction-row.gd-grid-layout-dropzone--type-prev, .gd-grid-layout-dropzone--direction-row.gd-grid-layout-dropzone--type-next {
26947
+ top: 0;
26948
+ bottom: 0;
26949
+ width: 50%;
26950
+ }
26951
+ .gd-grid-layout-dropzone--direction-row.gd-grid-layout-dropzone--type-prev.gd-grid-layout-dropzone--full, .gd-grid-layout-dropzone--direction-row.gd-grid-layout-dropzone--type-next.gd-grid-layout-dropzone--full {
26943
26952
  width: 100%;
26944
- height: 100%;
26945
- padding: 2px;
26946
- border: 1px dashed var(--gd-palette-primary-base, #14b2e2);
26947
- border-radius: 15px;
26948
- background-color: var(--gd-palette-primary-dimmed, #e8f7fc);
26949
26953
  }
26950
- .gd-grid-layout .gd-hotspot-border__drop-target .drop-target-inner {
26951
- width: 4px;
26952
- height: 100%;
26953
- padding: 0;
26954
- border-radius: 2px;
26955
- background-color: var(--gd-palette-primary-base, #14b2e2);
26954
+ .gd-grid-layout-dropzone--direction-row.gd-grid-layout-dropzone--type-prev {
26955
+ left: 0;
26956
26956
  }
26957
- .gd-grid-layout .dropzone.prev.active .gd-hotspot-border__container {
26957
+ .gd-grid-layout-dropzone--direction-row.gd-grid-layout-dropzone--type-prev.gd-grid-layout-dropzone--active .gd-grid-layout-dropzone__drop-target--direction-row {
26958
26958
  left: -15px;
26959
- display: block;
26960
26959
  }
26961
- .gd-grid-layout .dropzone.next.active .gd-hotspot-border__container {
26960
+ .gd-grid-layout-dropzone--direction-row.gd-grid-layout-dropzone--type-next {
26961
+ right: 0;
26962
+ }
26963
+ .gd-grid-layout-dropzone--direction-row.gd-grid-layout-dropzone--type-next.gd-grid-layout-dropzone--active .gd-grid-layout-dropzone__drop-target--direction-row {
26962
26964
  right: -15px;
26963
- display: block;
26964
26965
  }
26965
-
26966
- .gd-dashboard-nested-layout-widget--column .dropzone.prev, .gd-dashboard-nested-layout-widget--column .dropzone.next {
26967
- top: unset;
26966
+ .gd-grid-layout-dropzone--direction-row.gd-grid-layout-dropzone--extended {
26967
+ width: 100%;
26968
+ }
26969
+ .gd-grid-layout-dropzone--direction-row.gd-grid-layout-dropzone--isOverNestedLayout.gd-grid-layout-dropzone--type-prev, .gd-grid-layout-dropzone--direction-row.gd-grid-layout-dropzone--isOverNestedLayout.gd-grid-layout-dropzone--type-next {
26970
+ width: 50px;
26971
+ }
26972
+ .gd-grid-layout-dropzone--direction-column.gd-grid-layout-dropzone--type-prev, .gd-grid-layout-dropzone--direction-column.gd-grid-layout-dropzone--type-next {
26968
26973
  right: 0;
26969
- bottom: unset;
26970
26974
  left: 0;
26971
- width: 100%;
26972
26975
  height: 50%;
26973
26976
  }
26974
- .gd-dashboard-nested-layout-widget--column .dropzone.prev {
26975
- top: 0;
26976
- }
26977
- .gd-dashboard-nested-layout-widget--column .dropzone.prev.full {
26977
+ .gd-grid-layout-dropzone--direction-column.gd-grid-layout-dropzone--type-prev.gd-grid-layout-dropzone--full, .gd-grid-layout-dropzone--direction-column.gd-grid-layout-dropzone--type-next.gd-grid-layout-dropzone--full {
26978
26978
  width: 50%;
26979
26979
  }
26980
- .gd-dashboard-nested-layout-widget--column .dropzone.prev.active .gd-hotspot-border__container {
26981
- left: unset;
26980
+ .gd-grid-layout-dropzone--direction-column.gd-grid-layout-dropzone--type-prev {
26981
+ top: 0;
26982
+ }
26983
+ .gd-grid-layout-dropzone--direction-column.gd-grid-layout-dropzone--type-prev.gd-grid-layout-dropzone--active .gd-grid-layout-dropzone__drop-target--direction-column {
26982
26984
  top: -5px;
26983
26985
  }
26984
- .gd-dashboard-nested-layout-widget--column .dropzone.next {
26986
+ .gd-grid-layout-dropzone--direction-column.gd-grid-layout-dropzone--type-next {
26985
26987
  bottom: 0;
26986
26988
  }
26987
- .gd-dashboard-nested-layout-widget--column .dropzone.next.full {
26988
- width: 50%;
26989
- }
26990
- .gd-dashboard-nested-layout-widget--column .dropzone.next.active .gd-hotspot-border__container {
26991
- right: unset;
26989
+ .gd-grid-layout-dropzone--direction-column.gd-grid-layout-dropzone--type-next.gd-grid-layout-dropzone--active .gd-grid-layout-dropzone__drop-target--direction-column {
26992
26990
  bottom: -5px;
26993
26991
  }
26994
- .gd-dashboard-nested-layout-widget--column .dropzone.gd-nested-layout-hotspot.prev, .gd-dashboard-nested-layout-widget--column .dropzone.gd-nested-layout-hotspot.next {
26992
+ .gd-grid-layout-dropzone--direction-column.gd-grid-layout-dropzone--isOverNestedLayout.gd-grid-layout-dropzone--type-prev, .gd-grid-layout-dropzone--direction-column.gd-grid-layout-dropzone--isOverNestedLayout.gd-grid-layout-dropzone--type-next {
26995
26993
  height: 50px;
26996
26994
  }
26997
- .gd-dashboard-nested-layout-widget--column .dropzone.gd-first-container-row-dropzone.prev.active .gd-hotspot-border__container {
26995
+ .gd-grid-layout-dropzone--direction-column.gd-grid-layout-dropzone--isInFirstRow.gd-grid-layout-dropzone--type-prev.gd-grid-layout-dropzone--active .gd-grid-layout-dropzone__drop-target--direction-column {
26998
26996
  top: -15px;
26999
26997
  }
27000
- .gd-dashboard-nested-layout-widget--column .gd-hotspot-border__container {
26998
+ .gd-grid-layout-dropzone__drop-target {
26999
+ display: none;
27000
+ position: absolute;
27001
+ }
27002
+ .gd-grid-layout-dropzone__drop-target--direction-row {
27003
+ padding: 10px 0;
27004
+ width: 10px;
27005
+ height: 100%;
27006
+ }
27007
+ .gd-grid-layout-dropzone__drop-target--direction-row .gd-grid-layout-dropzone__drop-target-inner {
27008
+ width: 4px;
27009
+ }
27010
+ .gd-grid-layout-dropzone__drop-target--direction-column {
27001
27011
  padding: 0;
27002
27012
  width: 100%;
27003
27013
  height: 10px;
27004
27014
  }
27005
- .gd-dashboard-nested-layout-widget--column .gd-hotspot-border__drop-target .drop-target-inner {
27015
+ .gd-grid-layout-dropzone__drop-target--direction-column .gd-grid-layout-dropzone__drop-target-inner {
27016
+ width: 100%;
27017
+ }
27018
+ .gd-grid-layout-dropzone__drop-target.gd-grid-layout-dropzone--isInFirstRow {
27019
+ padding-top: 0;
27020
+ }
27021
+ .gd-grid-layout-dropzone--active .gd-grid-layout-dropzone__drop-target {
27022
+ display: block;
27023
+ }
27024
+ .gd-grid-layout-dropzone__drop-target-border {
27006
27025
  width: 100%;
27026
+ height: 100%;
27027
+ padding: 2px;
27028
+ border: 1px dashed var(--gd-palette-primary-base, #14b2e2);
27029
+ border-radius: 15px;
27030
+ background-color: var(--gd-palette-primary-dimmed, #e8f7fc);
27031
+ }
27032
+ .gd-grid-layout-dropzone__drop-target-inner {
27033
+ height: 100%;
27034
+ padding: 0;
27035
+ border-radius: 2px;
27036
+ background-color: var(--gd-palette-primary-base, #14b2e2);
27007
27037
  }
27008
27038
 
27009
27039
  .gd-dashboard-settings-dialog {