@syncfusion/ej2-layouts 25.2.3 → 26.1.38

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 (177) hide show
  1. package/.eslintrc.json +3 -2
  2. package/dist/ej2-layouts.min.js +2 -2
  3. package/dist/ej2-layouts.umd.min.js +2 -2
  4. package/dist/ej2-layouts.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-layouts.es2015.js +215 -140
  6. package/dist/es6/ej2-layouts.es2015.js.map +1 -1
  7. package/dist/es6/ej2-layouts.es5.js +243 -167
  8. package/dist/es6/ej2-layouts.es5.js.map +1 -1
  9. package/dist/global/ej2-layouts.min.js +2 -2
  10. package/dist/global/ej2-layouts.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +7 -7
  13. package/src/dashboard-layout/dashboard-layout.d.ts +2 -2
  14. package/src/dashboard-layout/dashboard-layout.js +55 -76
  15. package/src/splitter/splitter.js +81 -41
  16. package/src/timeline/timeline-model.d.ts +5 -5
  17. package/src/timeline/timeline.d.ts +6 -3
  18. package/src/timeline/timeline.js +107 -33
  19. package/styles/avatar/_bootstrap5.3-definition.scss +26 -0
  20. package/styles/avatar/_fluent2-definition.scss +28 -0
  21. package/styles/avatar/_layout.scss +22 -18
  22. package/styles/avatar/_material3-definition.scss +0 -7
  23. package/styles/avatar/bootstrap-dark.css +7 -4
  24. package/styles/avatar/bootstrap.css +7 -4
  25. package/styles/avatar/bootstrap4.css +7 -4
  26. package/styles/avatar/bootstrap5-dark.css +13 -10
  27. package/styles/avatar/bootstrap5.css +13 -10
  28. package/styles/avatar/fabric-dark.css +7 -4
  29. package/styles/avatar/fabric.css +7 -4
  30. package/styles/avatar/fluent-dark.css +11 -8
  31. package/styles/avatar/fluent.css +11 -8
  32. package/styles/avatar/fluent2.css +1097 -0
  33. package/styles/avatar/fluent2.scss +3 -0
  34. package/styles/avatar/highcontrast-light.css +7 -4
  35. package/styles/avatar/highcontrast.css +7 -4
  36. package/styles/avatar/material-dark.css +7 -4
  37. package/styles/avatar/material.css +7 -4
  38. package/styles/avatar/material3-dark.css +12 -9
  39. package/styles/avatar/material3.css +12 -9
  40. package/styles/avatar/tailwind-dark.css +11 -8
  41. package/styles/avatar/tailwind.css +11 -8
  42. package/styles/bootstrap-dark.css +359 -197
  43. package/styles/bootstrap-dark.scss +14 -5
  44. package/styles/bootstrap.css +359 -197
  45. package/styles/bootstrap.scss +14 -5
  46. package/styles/bootstrap4.css +357 -196
  47. package/styles/bootstrap4.scss +14 -5
  48. package/styles/bootstrap5-dark.css +370 -207
  49. package/styles/bootstrap5-dark.scss +14 -5
  50. package/styles/bootstrap5.css +370 -207
  51. package/styles/bootstrap5.scss +14 -5
  52. package/styles/card/_bootstrap5.3-definition.scss +125 -0
  53. package/styles/card/_fluent2-definition.scss +123 -0
  54. package/styles/card/_layout.scss +13 -4
  55. package/styles/card/_material3-definition.scss +0 -13
  56. package/styles/card/_theme.scss +4 -16
  57. package/styles/card/bootstrap-dark.css +95 -52
  58. package/styles/card/bootstrap.css +95 -52
  59. package/styles/card/bootstrap4.css +95 -52
  60. package/styles/card/bootstrap5-dark.css +95 -52
  61. package/styles/card/bootstrap5.css +95 -52
  62. package/styles/card/fabric-dark.css +95 -52
  63. package/styles/card/fabric.css +95 -52
  64. package/styles/card/fluent-dark.css +99 -54
  65. package/styles/card/fluent.css +99 -54
  66. package/styles/card/fluent2.css +1593 -0
  67. package/styles/card/fluent2.scss +3 -0
  68. package/styles/card/highcontrast-light.css +95 -52
  69. package/styles/card/highcontrast.css +95 -52
  70. package/styles/card/material-dark.css +95 -52
  71. package/styles/card/material.css +97 -53
  72. package/styles/card/material3-dark.css +99 -53
  73. package/styles/card/material3.css +99 -53
  74. package/styles/card/tailwind-dark.css +95 -52
  75. package/styles/card/tailwind.css +95 -52
  76. package/styles/dashboard-layout/_bootstrap5.3-definition.scss +108 -0
  77. package/styles/dashboard-layout/_fluent2-definition.scss +111 -0
  78. package/styles/dashboard-layout/_highcontrast-definition.scss +1 -1
  79. package/styles/dashboard-layout/_layout.scss +62 -60
  80. package/styles/dashboard-layout/_material3-definition.scss +0 -47
  81. package/styles/dashboard-layout/_theme.scss +19 -32
  82. package/styles/dashboard-layout/bootstrap-dark.css +41 -42
  83. package/styles/dashboard-layout/bootstrap.css +41 -42
  84. package/styles/dashboard-layout/bootstrap4.css +41 -42
  85. package/styles/dashboard-layout/bootstrap5-dark.css +48 -47
  86. package/styles/dashboard-layout/bootstrap5.css +48 -47
  87. package/styles/dashboard-layout/fabric-dark.css +41 -42
  88. package/styles/dashboard-layout/fabric.css +41 -42
  89. package/styles/dashboard-layout/fluent-dark.css +46 -46
  90. package/styles/dashboard-layout/fluent.css +46 -46
  91. package/styles/dashboard-layout/fluent2.css +1336 -0
  92. package/styles/dashboard-layout/fluent2.scss +4 -0
  93. package/styles/dashboard-layout/highcontrast-light.css +39 -41
  94. package/styles/dashboard-layout/highcontrast.css +43 -42
  95. package/styles/dashboard-layout/icons/_bootstrap5.3.scss +80 -0
  96. package/styles/dashboard-layout/icons/_fluent2.scss +80 -0
  97. package/styles/dashboard-layout/material-dark.css +41 -42
  98. package/styles/dashboard-layout/material.css +41 -42
  99. package/styles/dashboard-layout/material3-dark.css +48 -47
  100. package/styles/dashboard-layout/material3.css +48 -47
  101. package/styles/dashboard-layout/tailwind-dark.css +57 -55
  102. package/styles/dashboard-layout/tailwind.css +57 -55
  103. package/styles/fabric-dark.css +359 -197
  104. package/styles/fabric-dark.scss +14 -5
  105. package/styles/fabric.css +359 -197
  106. package/styles/fabric.scss +14 -5
  107. package/styles/fluent-dark.css +370 -206
  108. package/styles/fluent-dark.scss +14 -5
  109. package/styles/fluent.css +370 -206
  110. package/styles/fluent.scss +14 -5
  111. package/styles/fluent2.css +2803 -0
  112. package/styles/fluent2.scss +14 -0
  113. package/styles/highcontrast-light.css +357 -196
  114. package/styles/highcontrast-light.scss +13 -5
  115. package/styles/highcontrast.css +361 -197
  116. package/styles/highcontrast.scss +14 -5
  117. package/styles/material-dark.css +357 -196
  118. package/styles/material-dark.scss +14 -5
  119. package/styles/material.css +359 -197
  120. package/styles/material.scss +14 -5
  121. package/styles/material3-dark.css +370 -204
  122. package/styles/material3-dark.scss +14 -5
  123. package/styles/material3.css +370 -204
  124. package/styles/material3.scss +14 -5
  125. package/styles/splitter/_bootstrap5.3-definition.scss +31 -0
  126. package/styles/splitter/_fluent2-definition.scss +31 -0
  127. package/styles/splitter/_layout.scss +0 -4
  128. package/styles/splitter/_material3-definition.scss +0 -7
  129. package/styles/splitter/_theme.scss +0 -4
  130. package/styles/splitter/bootstrap-dark.css +115 -59
  131. package/styles/splitter/bootstrap.css +115 -59
  132. package/styles/splitter/bootstrap4.css +113 -58
  133. package/styles/splitter/bootstrap5-dark.css +113 -58
  134. package/styles/splitter/bootstrap5.css +113 -58
  135. package/styles/splitter/fabric-dark.css +115 -59
  136. package/styles/splitter/fabric.css +115 -59
  137. package/styles/splitter/fluent-dark.css +113 -58
  138. package/styles/splitter/fluent.css +113 -58
  139. package/styles/splitter/fluent2.css +1578 -0
  140. package/styles/splitter/fluent2.scss +4 -0
  141. package/styles/splitter/highcontrast-light.css +115 -59
  142. package/styles/splitter/highcontrast.css +115 -59
  143. package/styles/splitter/icons/_bootstrap5.3.scss +39 -0
  144. package/styles/splitter/icons/_fluent2.scss +39 -0
  145. package/styles/splitter/material-dark.css +113 -58
  146. package/styles/splitter/material.css +113 -58
  147. package/styles/splitter/material3-dark.css +114 -59
  148. package/styles/splitter/material3.css +114 -59
  149. package/styles/splitter/tailwind-dark.css +113 -58
  150. package/styles/splitter/tailwind.css +113 -58
  151. package/styles/tailwind-dark.css +377 -213
  152. package/styles/tailwind-dark.scss +14 -5
  153. package/styles/tailwind.css +377 -213
  154. package/styles/tailwind.scss +14 -5
  155. package/styles/timeline/_bootstrap5.3-definition.scss +18 -0
  156. package/styles/timeline/_fluent2-definition.scss +18 -0
  157. package/styles/timeline/_layout.scss +46 -7
  158. package/styles/timeline/bootstrap-dark.css +99 -39
  159. package/styles/timeline/bootstrap.css +99 -39
  160. package/styles/timeline/bootstrap4.css +99 -39
  161. package/styles/timeline/bootstrap5-dark.css +99 -39
  162. package/styles/timeline/bootstrap5.css +99 -39
  163. package/styles/timeline/fabric-dark.css +99 -39
  164. package/styles/timeline/fabric.css +99 -39
  165. package/styles/timeline/fluent-dark.css +99 -39
  166. package/styles/timeline/fluent.css +99 -39
  167. package/styles/timeline/fluent2.css +1332 -0
  168. package/styles/timeline/fluent2.scss +3 -0
  169. package/styles/timeline/highcontrast-light.css +99 -39
  170. package/styles/timeline/highcontrast.css +99 -39
  171. package/styles/timeline/material-dark.css +99 -39
  172. package/styles/timeline/material.css +99 -39
  173. package/styles/timeline/material3-dark.css +100 -40
  174. package/styles/timeline/material3.css +100 -40
  175. package/styles/timeline/tailwind-dark.css +99 -39
  176. package/styles/timeline/tailwind.css +99 -39
  177. package/CHANGELOG.md +0 -601
package/styles/dashboard-layout/tailwind-dark.css CHANGED
@@ -59,7 +59,8 @@
59
59
  font-size: 12px;
60
60
  left: 4px;
61
61
  position: absolute;
62
- transform: rotateY(180deg);
62
+ -webkit-transform: rotateY(180deg);
63
+ transform: rotateY(180deg);
63
64
  }
64
65
 
65
66
  .e-dashboardlayout.e-control .e-dashboard-gridline-table {
@@ -68,7 +69,7 @@
68
69
  height: 100%;
69
70
  width: 100%;
70
71
  }
71
- .e-dashboardlayout.e-control .e-dashboard-gridline-table tbody tr td.e-dashboard-gridline {
72
+ .e-dashboardlayout.e-control .e-dashboard-gridline-table td.e-dashboard-gridline {
72
73
  border: 1px dashed #6b7280;
73
74
  position: absolute;
74
75
  }
@@ -77,25 +78,49 @@
77
78
  }
78
79
  .e-dashboardlayout.e-control.e-prevent {
79
80
  -webkit-user-select: none;
81
+ -moz-user-select: none;
80
82
  -ms-user-select: none;
81
83
  user-select: none;
82
84
  }
85
+ .e-dashboardlayout.e-control .e-panel.e-ssr {
86
+ position: relative;
87
+ }
83
88
  .e-dashboardlayout.e-control .e-panel {
89
+ border: 1px solid #4b5563;
90
+ height: 100%;
91
+ -webkit-user-select: none;
92
+ -moz-user-select: none;
93
+ -ms-user-select: none;
94
+ user-select: none;
95
+ width: 100%;
84
96
  border-radius: 6px;
85
97
  }
86
98
  .e-dashboardlayout.e-control .e-panel .e-resize.e-dl-icon {
87
99
  line-height: 9px;
88
100
  }
89
101
  .e-dashboardlayout.e-control .e-panel:hover {
90
- box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
102
+ -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
103
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
91
104
  }
92
105
  .e-dashboardlayout.e-control .e-panel:hover .e-panel-container .e-resize.e-dl-icon {
93
106
  display: block;
94
107
  }
108
+ .e-dashboardlayout.e-control .e-panel .e-panel-container {
109
+ height: 100%;
110
+ width: 100%;
111
+ }
112
+ .e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-content {
113
+ padding: 12px;
114
+ }
115
+ .e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-content .e-blazor-template {
116
+ height: inherit;
117
+ width: inherit;
118
+ }
95
119
  .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-dl-icon {
96
120
  display: none;
97
121
  }
98
122
  .e-dashboardlayout.e-control .e-panel.e-panel-transition {
123
+ -webkit-transition: top 0.5s, left 0.5s;
99
124
  transition: top 0.5s, left 0.5s;
100
125
  }
101
126
  .e-dashboardlayout.e-control .e-panel .e-panel-header {
@@ -121,25 +146,6 @@
121
146
  .e-dashboardlayout.e-control .e-panel .e-panel-header .e-header-template {
122
147
  float: right;
123
148
  }
124
- .e-dashboardlayout.e-control .e-panel .e-panel-container {
125
- height: 100%;
126
- width: 100%;
127
- }
128
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-content .e-blazor-template {
129
- height: inherit;
130
- width: inherit;
131
- }
132
- .e-dashboardlayout.e-control .e-panel .e-panel-content {
133
- padding: 12px;
134
- }
135
- .e-dashboardlayout.e-control .e-panel {
136
- border: 1px solid #4b5563;
137
- height: 100%;
138
- -webkit-user-select: none;
139
- -ms-user-select: none;
140
- user-select: none;
141
- width: 100%;
142
- }
143
149
  .e-dashboardlayout.e-control .e-panel .e-resize.e-single, .e-dashboardlayout.e-control .e-panel .e-resize.e-double {
144
150
  position: absolute;
145
151
  -ms-touch-action: none;
@@ -176,13 +182,6 @@
176
182
  font-family: "e-icons";
177
183
  position: absolute;
178
184
  }
179
- .e-dashboardlayout.e-control .e-drag:hover {
180
- cursor: move;
181
- }
182
- .e-dashboardlayout.e-control .e-drag-restrict.e-drag:hover,
183
- .e-dashboardlayout.e-control .e-drag-restrict .e-drag:hover {
184
- cursor: default;
185
- }
186
185
  .e-dashboardlayout.e-control .e-panel.e-dragging, .e-dashboardlayout.e-control .e-panel.e-item-moving {
187
186
  cursor: move;
188
187
  z-index: 1111 !important;
@@ -190,6 +189,20 @@
190
189
  .e-dashboardlayout.e-control .e-panel.e-rtl .e-panel-header .e-header-template {
191
190
  float: left;
192
191
  }
192
+ .e-dashboardlayout.e-control .e-panel.e-bigger .e-panel-header {
193
+ font-size: 16px;
194
+ font-weight: 500;
195
+ height: 40px;
196
+ padding: 8px 18px;
197
+ line-height: 24px;
198
+ }
199
+ .e-dashboardlayout.e-control .e-drag:hover {
200
+ cursor: move;
201
+ }
202
+ .e-dashboardlayout.e-control .e-drag-restrict.e-drag:hover,
203
+ .e-dashboardlayout.e-control .e-drag-restrict .e-drag:hover {
204
+ cursor: default;
205
+ }
193
206
  .e-dashboardlayout.e-control .e-holder {
194
207
  background: #4b5563;
195
208
  border: 1px #9ca3af dashed;
@@ -198,15 +211,9 @@
198
211
  border-radius: 6px;
199
212
  }
200
213
  .e-dashboardlayout.e-control .e-holder.e-holder-transition {
214
+ -webkit-transition: top 0.3s, left 0.3s;
201
215
  transition: top 0.3s, left 0.3s;
202
216
  }
203
- .e-dashboardlayout.e-control .e-panel.e-bigger .e-panel-header {
204
- font-size: 16px;
205
- font-weight: 500;
206
- height: 40px;
207
- padding: 8px 18px;
208
- line-height: 24px;
209
- }
210
217
 
211
218
  .e-bigger .e-dashboardlayout.e-control .e-panel .e-panel-header {
212
219
  font-size: 16px;
@@ -230,30 +237,17 @@
230
237
  }
231
238
  .e-dashboardlayout.e-control .e-panel {
232
239
  background: #1f2937;
233
- box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
234
- box-sizing: border-box;
240
+ -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
241
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
242
+ -webkit-box-sizing: border-box;
243
+ box-sizing: border-box;
235
244
  position: absolute;
236
245
  }
237
246
  .e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-header {
238
247
  color: #fff;
239
248
  background: #232e3e;
240
- box-sizing: border-box;
241
- }
242
- .e-dashboardlayout.e-control .e-panel.e-dragging:active {
243
- background: #1f2937;
244
- box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
245
- }
246
- .e-dashboardlayout.e-control .e-panel {
247
- background: #1f2937;
248
- box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
249
- box-sizing: border-box;
250
- position: absolute;
251
- }
252
- .e-dashboardlayout.e-control .e-panel:active {
253
- background: #374151;
254
- }
255
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-header {
256
- color: #fff;
249
+ -webkit-box-sizing: border-box;
250
+ box-sizing: border-box;
257
251
  }
258
252
  .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-single {
259
253
  background: none;
@@ -312,6 +306,14 @@
312
306
  bottom: 2px;
313
307
  right: 2px;
314
308
  }
309
+ .e-dashboardlayout.e-control .e-panel:active {
310
+ background: #374151;
311
+ }
312
+ .e-dashboardlayout.e-control .e-panel.e-dragging:active {
313
+ background: #1f2937;
314
+ -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
315
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
316
+ }
315
317
  .e-dashboardlayout.e-control .e-panel.e-bigger .e-panel-header {
316
318
  color: #fff;
317
319
  }
package/styles/dashboard-layout/tailwind.css CHANGED
@@ -59,7 +59,8 @@
59
59
  font-size: 12px;
60
60
  left: 4px;
61
61
  position: absolute;
62
- transform: rotateY(180deg);
62
+ -webkit-transform: rotateY(180deg);
63
+ transform: rotateY(180deg);
63
64
  }
64
65
 
65
66
  .e-dashboardlayout.e-control .e-dashboard-gridline-table {
@@ -68,7 +69,7 @@
68
69
  height: 100%;
69
70
  width: 100%;
70
71
  }
71
- .e-dashboardlayout.e-control .e-dashboard-gridline-table tbody tr td.e-dashboard-gridline {
72
+ .e-dashboardlayout.e-control .e-dashboard-gridline-table td.e-dashboard-gridline {
72
73
  border: 1px dashed #d1d5db;
73
74
  position: absolute;
74
75
  }
@@ -77,25 +78,49 @@
77
78
  }
78
79
  .e-dashboardlayout.e-control.e-prevent {
79
80
  -webkit-user-select: none;
81
+ -moz-user-select: none;
80
82
  -ms-user-select: none;
81
83
  user-select: none;
82
84
  }
85
+ .e-dashboardlayout.e-control .e-panel.e-ssr {
86
+ position: relative;
87
+ }
83
88
  .e-dashboardlayout.e-control .e-panel {
89
+ border: 1px solid #e5e7eb;
90
+ height: 100%;
91
+ -webkit-user-select: none;
92
+ -moz-user-select: none;
93
+ -ms-user-select: none;
94
+ user-select: none;
95
+ width: 100%;
84
96
  border-radius: 6px;
85
97
  }
86
98
  .e-dashboardlayout.e-control .e-panel .e-resize.e-dl-icon {
87
99
  line-height: 9px;
88
100
  }
89
101
  .e-dashboardlayout.e-control .e-panel:hover {
90
- box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
102
+ -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
103
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
91
104
  }
92
105
  .e-dashboardlayout.e-control .e-panel:hover .e-panel-container .e-resize.e-dl-icon {
93
106
  display: block;
94
107
  }
108
+ .e-dashboardlayout.e-control .e-panel .e-panel-container {
109
+ height: 100%;
110
+ width: 100%;
111
+ }
112
+ .e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-content {
113
+ padding: 12px;
114
+ }
115
+ .e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-content .e-blazor-template {
116
+ height: inherit;
117
+ width: inherit;
118
+ }
95
119
  .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-dl-icon {
96
120
  display: none;
97
121
  }
98
122
  .e-dashboardlayout.e-control .e-panel.e-panel-transition {
123
+ -webkit-transition: top 0.5s, left 0.5s;
99
124
  transition: top 0.5s, left 0.5s;
100
125
  }
101
126
  .e-dashboardlayout.e-control .e-panel .e-panel-header {
@@ -121,25 +146,6 @@
121
146
  .e-dashboardlayout.e-control .e-panel .e-panel-header .e-header-template {
122
147
  float: right;
123
148
  }
124
- .e-dashboardlayout.e-control .e-panel .e-panel-container {
125
- height: 100%;
126
- width: 100%;
127
- }
128
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-content .e-blazor-template {
129
- height: inherit;
130
- width: inherit;
131
- }
132
- .e-dashboardlayout.e-control .e-panel .e-panel-content {
133
- padding: 12px;
134
- }
135
- .e-dashboardlayout.e-control .e-panel {
136
- border: 1px solid #e5e7eb;
137
- height: 100%;
138
- -webkit-user-select: none;
139
- -ms-user-select: none;
140
- user-select: none;
141
- width: 100%;
142
- }
143
149
  .e-dashboardlayout.e-control .e-panel .e-resize.e-single, .e-dashboardlayout.e-control .e-panel .e-resize.e-double {
144
150
  position: absolute;
145
151
  -ms-touch-action: none;
@@ -176,13 +182,6 @@
176
182
  font-family: "e-icons";
177
183
  position: absolute;
178
184
  }
179
- .e-dashboardlayout.e-control .e-drag:hover {
180
- cursor: move;
181
- }
182
- .e-dashboardlayout.e-control .e-drag-restrict.e-drag:hover,
183
- .e-dashboardlayout.e-control .e-drag-restrict .e-drag:hover {
184
- cursor: default;
185
- }
186
185
  .e-dashboardlayout.e-control .e-panel.e-dragging, .e-dashboardlayout.e-control .e-panel.e-item-moving {
187
186
  cursor: move;
188
187
  z-index: 1111 !important;
@@ -190,6 +189,20 @@
190
189
  .e-dashboardlayout.e-control .e-panel.e-rtl .e-panel-header .e-header-template {
191
190
  float: left;
192
191
  }
192
+ .e-dashboardlayout.e-control .e-panel.e-bigger .e-panel-header {
193
+ font-size: 16px;
194
+ font-weight: 500;
195
+ height: 40px;
196
+ padding: 8px 18px;
197
+ line-height: 24px;
198
+ }
199
+ .e-dashboardlayout.e-control .e-drag:hover {
200
+ cursor: move;
201
+ }
202
+ .e-dashboardlayout.e-control .e-drag-restrict.e-drag:hover,
203
+ .e-dashboardlayout.e-control .e-drag-restrict .e-drag:hover {
204
+ cursor: default;
205
+ }
193
206
  .e-dashboardlayout.e-control .e-holder {
194
207
  background: #e5e7eb;
195
208
  border: 1px #9ca3af dashed;
@@ -198,15 +211,9 @@
198
211
  border-radius: 6px;
199
212
  }
200
213
  .e-dashboardlayout.e-control .e-holder.e-holder-transition {
214
+ -webkit-transition: top 0.3s, left 0.3s;
201
215
  transition: top 0.3s, left 0.3s;
202
216
  }
203
- .e-dashboardlayout.e-control .e-panel.e-bigger .e-panel-header {
204
- font-size: 16px;
205
- font-weight: 500;
206
- height: 40px;
207
- padding: 8px 18px;
208
- line-height: 24px;
209
- }
210
217
 
211
218
  .e-bigger .e-dashboardlayout.e-control .e-panel .e-panel-header {
212
219
  font-size: 16px;
@@ -230,30 +237,17 @@
230
237
  }
231
238
  .e-dashboardlayout.e-control .e-panel {
232
239
  background: #fff;
233
- box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
234
- box-sizing: border-box;
240
+ -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
241
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
242
+ -webkit-box-sizing: border-box;
243
+ box-sizing: border-box;
235
244
  position: absolute;
236
245
  }
237
246
  .e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-header {
238
247
  color: #111827;
239
248
  background: #f9fafb;
240
- box-sizing: border-box;
241
- }
242
- .e-dashboardlayout.e-control .e-panel.e-dragging:active {
243
- background: #fff;
244
- box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
245
- }
246
- .e-dashboardlayout.e-control .e-panel {
247
- background: #fff;
248
- box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
249
- box-sizing: border-box;
250
- position: absolute;
251
- }
252
- .e-dashboardlayout.e-control .e-panel:active {
253
- background: #f3f4f6;
254
- }
255
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-header {
256
- color: #111827;
249
+ -webkit-box-sizing: border-box;
250
+ box-sizing: border-box;
257
251
  }
258
252
  .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-single {
259
253
  background: none;
@@ -312,6 +306,14 @@
312
306
  bottom: 2px;
313
307
  right: 2px;
314
308
  }
309
+ .e-dashboardlayout.e-control .e-panel:active {
310
+ background: #f3f4f6;
311
+ }
312
+ .e-dashboardlayout.e-control .e-panel.e-dragging:active {
313
+ background: #fff;
314
+ -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
315
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
316
+ }
315
317
  .e-dashboardlayout.e-control .e-panel.e-bigger .e-panel-header {
316
318
  color: #111827;
317
319
  }