@syncfusion/ej2-vue-layouts 23.1.36 → 24.1.41

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 (88) hide show
  1. package/dist/ej2-vue-layouts.umd.min.js +2 -2
  2. package/dist/global/ej2-vue-layouts.min.js +3 -3
  3. package/package.json +9 -9
  4. package/styles/avatar/bootstrap-dark.css +1 -45
  5. package/styles/avatar/bootstrap.css +1 -45
  6. package/styles/avatar/bootstrap4.css +1 -45
  7. package/styles/avatar/bootstrap5-dark.css +1 -60
  8. package/styles/avatar/bootstrap5.css +1 -60
  9. package/styles/avatar/fabric-dark.css +1 -45
  10. package/styles/avatar/fabric.css +1 -45
  11. package/styles/avatar/fluent-dark.css +1 -58
  12. package/styles/avatar/fluent.css +1 -58
  13. package/styles/avatar/highcontrast-light.css +1 -45
  14. package/styles/avatar/highcontrast.css +1 -45
  15. package/styles/avatar/material-dark.css +1 -45
  16. package/styles/avatar/material.css +1 -45
  17. package/styles/avatar/material3-dark.css +1 -113
  18. package/styles/avatar/material3.css +1 -169
  19. package/styles/avatar/tailwind-dark.css +1 -58
  20. package/styles/avatar/tailwind.css +1 -58
  21. package/styles/bootstrap-dark.css +1 -1351
  22. package/styles/bootstrap.css +1 -1352
  23. package/styles/bootstrap4.css +1 -1357
  24. package/styles/bootstrap5-dark.css +1 -1368
  25. package/styles/bootstrap5.css +1 -1368
  26. package/styles/card/bootstrap-dark.css +1 -513
  27. package/styles/card/bootstrap.css +1 -514
  28. package/styles/card/bootstrap4.css +1 -520
  29. package/styles/card/bootstrap5-dark.css +1 -513
  30. package/styles/card/bootstrap5.css +1 -513
  31. package/styles/card/fabric-dark.css +1 -513
  32. package/styles/card/fabric.css +1 -524
  33. package/styles/card/fluent-dark.css +1 -534
  34. package/styles/card/fluent.css +1 -534
  35. package/styles/card/highcontrast-light.css +1 -513
  36. package/styles/card/highcontrast.css +1 -525
  37. package/styles/card/material-dark.css +1 -513
  38. package/styles/card/material.css +1 -513
  39. package/styles/card/material3-dark.css +1 -566
  40. package/styles/card/material3.css +1 -622
  41. package/styles/card/tailwind-dark.css +1 -514
  42. package/styles/card/tailwind.css +1 -514
  43. package/styles/dashboard-layout/bootstrap-dark.css +1 -296
  44. package/styles/dashboard-layout/bootstrap.css +1 -296
  45. package/styles/dashboard-layout/bootstrap4.css +1 -296
  46. package/styles/dashboard-layout/bootstrap5-dark.css +1 -305
  47. package/styles/dashboard-layout/bootstrap5.css +1 -305
  48. package/styles/dashboard-layout/fabric-dark.css +1 -296
  49. package/styles/dashboard-layout/fabric.css +1 -296
  50. package/styles/dashboard-layout/fluent-dark.css +1 -300
  51. package/styles/dashboard-layout/fluent.css +1 -300
  52. package/styles/dashboard-layout/highcontrast-light.css +1 -234
  53. package/styles/dashboard-layout/highcontrast.css +1 -292
  54. package/styles/dashboard-layout/material-dark.css +1 -296
  55. package/styles/dashboard-layout/material.css +1 -296
  56. package/styles/dashboard-layout/material3-dark.css +1 -356
  57. package/styles/dashboard-layout/material3.css +1 -412
  58. package/styles/dashboard-layout/tailwind-dark.css +1 -317
  59. package/styles/dashboard-layout/tailwind.css +1 -317
  60. package/styles/fabric-dark.css +1 -1351
  61. package/styles/fabric.css +1 -1362
  62. package/styles/fluent-dark.css +1 -1382
  63. package/styles/fluent.css +1 -1382
  64. package/styles/highcontrast-light.css +1 -1289
  65. package/styles/highcontrast.css +1 -1359
  66. package/styles/material-dark.css +1 -1350
  67. package/styles/material.css +1 -1351
  68. package/styles/material3-dark.css +1 -1581
  69. package/styles/material3.css +1 -1805
  70. package/styles/splitter/bootstrap-dark.css +1 -496
  71. package/styles/splitter/bootstrap.css +1 -496
  72. package/styles/splitter/bootstrap4.css +1 -495
  73. package/styles/splitter/bootstrap5-dark.css +1 -489
  74. package/styles/splitter/bootstrap5.css +1 -489
  75. package/styles/splitter/fabric-dark.css +1 -496
  76. package/styles/splitter/fabric.css +1 -496
  77. package/styles/splitter/fluent-dark.css +1 -489
  78. package/styles/splitter/fluent.css +1 -489
  79. package/styles/splitter/highcontrast-light.css +1 -496
  80. package/styles/splitter/highcontrast.css +1 -496
  81. package/styles/splitter/material-dark.css +1 -495
  82. package/styles/splitter/material.css +1 -496
  83. package/styles/splitter/material3-dark.css +1 -544
  84. package/styles/splitter/material3.css +1 -600
  85. package/styles/splitter/tailwind-dark.css +1 -489
  86. package/styles/splitter/tailwind.css +1 -489
  87. package/styles/tailwind-dark.css +1 -1379
  88. package/styles/tailwind.css +1 -1379
@@ -1,305 +1 @@
1
- /*! component's theme wise override tailwind-definitions and variables */
2
- /* stylelint-disable */
3
- .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-east {
4
- height: 100%;
5
- padding: 20px 0;
6
- right: 1px;
7
- top: 0;
8
- width: 12px;
9
- }
10
- .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-west, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-west {
11
- height: 100%;
12
- left: 0;
13
- padding: 20px 0;
14
- top: 0;
15
- width: 12px;
16
- }
17
- .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-north, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-north {
18
- height: 12px;
19
- padding: 0 20px;
20
- top: 1px;
21
- width: 100%;
22
- }
23
- .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-south, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-south {
24
- bottom: 1px;
25
- height: 12px;
26
- padding: 0 20px;
27
- width: 100%;
28
- }
29
- .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-south-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-south-east {
30
- bottom: 0;
31
- right: 1px;
32
- z-index: 10;
33
- }
34
- .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-north-west, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-north-west {
35
- left: 2px;
36
- top: 2px;
37
- z-index: 10;
38
- }
39
- .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-north-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-north-east {
40
- right: 2px;
41
- top: 2px;
42
- z-index: 10;
43
- }
44
- .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-south-west, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-south-west {
45
- bottom: 1px;
46
- left: 1px;
47
- z-index: 10;
48
- }
49
- .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-south-east::before, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-south-east::before {
50
- bottom: 4px;
51
- content: "\e761";
52
- font-size: 12px;
53
- position: absolute;
54
- right: 4px;
55
- }
56
- .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-south-west::before, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-south-west::before {
57
- bottom: 4px;
58
- content: "\e761";
59
- font-size: 12px;
60
- left: 4px;
61
- position: absolute;
62
- transform: rotateY(180deg);
63
- }
64
-
65
- .e-dashboardlayout.e-control .e-dashboard-gridline-table {
66
- background: #f8f9fa;
67
- border-collapse: collapse;
68
- height: 100%;
69
- width: 100%;
70
- }
71
- .e-dashboardlayout.e-control .e-dashboard-gridline-table tbody tr td.e-dashboard-gridline {
72
- border: 1px dashed #adb5bd;
73
- border-radius: 6px;
74
- position: absolute;
75
- }
76
- .e-dashboardlayout.e-control.e-responsive {
77
- width: 100% !important;
78
- }
79
- .e-dashboardlayout.e-control.e-prevent {
80
- -webkit-user-select: none;
81
- -ms-user-select: none;
82
- user-select: none;
83
- }
84
- .e-dashboardlayout.e-control .e-panel {
85
- border-radius: 4px;
86
- }
87
- .e-dashboardlayout.e-control .e-panel:hover {
88
- border: 1px solid #adb5bd;
89
- box-shadow: 0 0.8px 16px rgba(0, 0, 0, 0.15);
90
- }
91
- .e-dashboardlayout.e-control .e-panel:hover .e-panel-container .e-resize.e-dl-icon {
92
- display: block;
93
- }
94
- .e-dashboardlayout.e-control .e-panel:active {
95
- border: 1px solid #0d6efd;
96
- }
97
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-dl-icon {
98
- display: none;
99
- }
100
- .e-dashboardlayout.e-control .e-panel.e-panel-transition {
101
- transition: top 0.5s, left 0.5s;
102
- }
103
- .e-dashboardlayout.e-control .e-panel .e-panel-header {
104
- border-bottom: 1px solid #dee2e6;
105
- color: #212529;
106
- font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
107
- font-size: 14px;
108
- font-weight: 500;
109
- height: 38px;
110
- padding: 8px 18px;
111
- border-top-left-radius: 4px;
112
- border-top-right-radius: 4px;
113
- }
114
- .e-dashboardlayout.e-control .e-panel .e-panel-header div {
115
- overflow: hidden;
116
- text-overflow: ellipsis;
117
- white-space: nowrap;
118
- }
119
- .e-dashboardlayout.e-control .e-panel .e-panel-header .e-header-content {
120
- display: inline-block;
121
- }
122
- .e-dashboardlayout.e-control .e-panel .e-panel-header .e-header-template {
123
- float: right;
124
- }
125
- .e-dashboardlayout.e-control .e-panel .e-panel-container {
126
- height: 100%;
127
- width: 100%;
128
- }
129
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-content .e-blazor-template {
130
- height: inherit;
131
- width: inherit;
132
- }
133
- .e-dashboardlayout.e-control .e-panel {
134
- border: 1px solid #dee2e6;
135
- height: 100%;
136
- -webkit-user-select: none;
137
- -ms-user-select: none;
138
- user-select: none;
139
- width: 100%;
140
- }
141
- .e-dashboardlayout.e-control .e-panel .e-resize.e-single, .e-dashboardlayout.e-control .e-panel .e-resize.e-double {
142
- position: absolute;
143
- -ms-touch-action: none;
144
- touch-action: none;
145
- }
146
- .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-west, .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-north, .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-south, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-west, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-north, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-south {
147
- border: none;
148
- }
149
- .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-east:hover, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-east:hover {
150
- cursor: e-resize;
151
- }
152
- .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-west:hover, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-west:hover {
153
- cursor: w-resize;
154
- }
155
- .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-north:hover, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-north:hover {
156
- cursor: n-resize;
157
- }
158
- .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-south:hover, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-south:hover {
159
- cursor: s-resize;
160
- }
161
- .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-north-west:hover, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-north-west:hover {
162
- cursor: nw-resize;
163
- }
164
- .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-north-east:hover, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-north-east:hover {
165
- cursor: ne-resize;
166
- }
167
- .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-south-west:hover, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-south-west:hover {
168
- cursor: sw-resize;
169
- }
170
- .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-south-east:hover, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-south-east:hover {
171
- cursor: se-resize;
172
- }
173
- .e-dashboardlayout.e-control .e-panel .e-resize.e-single::before, .e-dashboardlayout.e-control .e-panel .e-resize.e-double::before {
174
- font-family: "e-icons";
175
- position: absolute;
176
- }
177
- .e-dashboardlayout.e-control .e-drag:hover {
178
- cursor: move;
179
- }
180
- .e-dashboardlayout.e-control .e-drag-restrict.e-drag:hover,
181
- .e-dashboardlayout.e-control .e-drag-restrict .e-drag:hover {
182
- cursor: default;
183
- }
184
- .e-dashboardlayout.e-control .e-panel.e-dragging, .e-dashboardlayout.e-control .e-panel.e-item-moving {
185
- cursor: move;
186
- z-index: 1111 !important;
187
- }
188
- .e-dashboardlayout.e-control .e-panel.e-rtl .e-panel-header .e-header-template {
189
- float: left;
190
- }
191
- .e-dashboardlayout.e-control .e-holder {
192
- background: #e7f1ff;
193
- border: 1px #0d6efd dashed;
194
- border-radius: 4px;
195
- position: absolute;
196
- border-radius: 4px;
197
- }
198
- .e-dashboardlayout.e-control .e-holder.e-holder-transition {
199
- transition: top 0.3s, left 0.3s;
200
- }
201
- .e-dashboardlayout.e-control .e-panel.e-bigger .e-panel-header {
202
- font-size: 16px;
203
- font-weight: 500;
204
- height: 40px;
205
- padding: 8px 18px;
206
- }
207
-
208
- .e-bigger .e-dashboardlayout.e-control .e-panel .e-panel-header {
209
- font-size: 16px;
210
- font-weight: 500;
211
- height: 40px;
212
- padding: 8px 18px;
213
- }
214
- .e-content-placeholder.e-dashboardlayout.e-placeholder-dashboardlayout {
215
- height: 100%;
216
- width: 100%;
217
- }
218
-
219
- .e-dashboardlayout.e-control {
220
- display: block;
221
- position: relative;
222
- }
223
- .e-dashboardlayout.e-control .e-panel {
224
- background: #fff;
225
- box-shadow: 0 2px 4px rgba(0, 0, 0, 0.075);
226
- box-sizing: border-box;
227
- position: absolute;
228
- }
229
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-header {
230
- color: #212529;
231
- background: #f8f9fa;
232
- box-sizing: border-box;
233
- }
234
- .e-dashboardlayout.e-control .e-panel {
235
- background: #fff;
236
- box-shadow: 0 2px 4px rgba(0, 0, 0, 0.075);
237
- box-sizing: border-box;
238
- position: absolute;
239
- }
240
- .e-dashboardlayout.e-control .e-panel:active {
241
- background: #fff;
242
- }
243
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-header {
244
- color: #212529;
245
- }
246
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-single {
247
- background: none;
248
- }
249
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double {
250
- color: #adb5bd;
251
- font-size: 8px;
252
- height: 8px;
253
- width: 8px;
254
- }
255
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-south-east-double {
256
- bottom: 2px;
257
- right: 2px;
258
- }
259
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-south-west-double {
260
- bottom: 2px;
261
- left: 2px;
262
- }
263
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-north-west-double {
264
- left: 2px;
265
- top: 2px;
266
- }
267
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-north-east-double {
268
- right: 2px;
269
- top: 2px;
270
- }
271
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-north-east-shrink {
272
- right: 2px;
273
- top: 2px;
274
- }
275
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-north-west-shrink {
276
- left: 2px;
277
- top: 2px;
278
- }
279
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-south-west-shrink {
280
- bottom: 2px;
281
- left: 2px;
282
- }
283
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-south-east-shrink {
284
- bottom: 2px;
285
- right: 2px;
286
- }
287
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-north-east-expand {
288
- right: 2px;
289
- top: 2px;
290
- }
291
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-north-west-expand {
292
- left: 2px;
293
- top: 2px;
294
- }
295
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-south-west-expand {
296
- bottom: 2px;
297
- left: 2px;
298
- }
299
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-south-east-expand {
300
- bottom: 2px;
301
- right: 2px;
302
- }
303
- .e-dashboardlayout.e-control .e-panel.e-bigger .e-panel-header {
304
- color: #212529;
305
- }
1
+ @import '@syncfusion/ej2-layouts/styles/dashboard-layout/bootstrap5.css';
@@ -1,296 +1 @@
1
- /*! component's theme wise override fabric-definitions and variables */
2
- /* stylelint-disable */
3
- .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-east {
4
- height: 100%;
5
- padding: 20px 0;
6
- right: 1px;
7
- top: 0;
8
- width: 12px;
9
- }
10
- .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-west, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-west {
11
- height: 100%;
12
- left: 0;
13
- padding: 20px 0;
14
- top: 0;
15
- width: 12px;
16
- }
17
- .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-north, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-north {
18
- height: 12px;
19
- padding: 0 20px;
20
- top: 1px;
21
- width: 100%;
22
- }
23
- .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-south, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-south {
24
- bottom: 1px;
25
- height: 12px;
26
- padding: 0 20px;
27
- width: 100%;
28
- }
29
- .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-south-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-south-east {
30
- bottom: 0;
31
- right: 1px;
32
- z-index: 10;
33
- }
34
- .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-north-west, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-north-west {
35
- left: 2px;
36
- top: 2px;
37
- z-index: 10;
38
- }
39
- .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-north-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-north-east {
40
- right: 2px;
41
- top: 2px;
42
- z-index: 10;
43
- }
44
- .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-south-west, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-south-west {
45
- bottom: 1px;
46
- left: 1px;
47
- z-index: 10;
48
- }
49
- .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-south-east::before, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-south-east::before {
50
- bottom: 0;
51
- content: "\eb06";
52
- font-size: 12px;
53
- position: absolute;
54
- right: 0;
55
- }
56
- .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-south-west::before, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-south-west::before {
57
- bottom: 0;
58
- content: "\eb06";
59
- font-size: 12px;
60
- left: 0;
61
- position: absolute;
62
- transform: rotateY(180deg);
63
- }
64
-
65
- .e-dashboardlayout.e-control .e-dashboard-gridline-table {
66
- background: #191919;
67
- border-collapse: collapse;
68
- height: 100%;
69
- width: 100%;
70
- }
71
- .e-dashboardlayout.e-control .e-dashboard-gridline-table tbody tr td.e-dashboard-gridline {
72
- border: 1px dotted #3A3A3A;
73
- position: absolute;
74
- }
75
- .e-dashboardlayout.e-control.e-responsive {
76
- width: 100% !important;
77
- }
78
- .e-dashboardlayout.e-control.e-prevent {
79
- -webkit-user-select: none;
80
- -ms-user-select: none;
81
- user-select: none;
82
- }
83
- .e-dashboardlayout.e-control .e-panel {
84
- border-radius: 2px;
85
- }
86
- .e-dashboardlayout.e-control .e-panel:hover {
87
- border: 1px #6f6c6c solid;
88
- }
89
- .e-dashboardlayout.e-control .e-panel:hover .e-panel-container .e-resize.e-dl-icon {
90
- display: block;
91
- }
92
- .e-dashboardlayout.e-control .e-panel:active {
93
- border: 1px #0074cc solid;
94
- }
95
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-dl-icon {
96
- display: none;
97
- }
98
- .e-dashboardlayout.e-control .e-panel.e-panel-transition {
99
- transition: top 0.5s, left 0.5s;
100
- }
101
- .e-dashboardlayout.e-control .e-panel .e-panel-header {
102
- border-bottom: none;
103
- color: #dadada;
104
- font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
105
- font-size: 15px;
106
- font-weight: 200;
107
- height: 28px;
108
- padding: 2px 10px;
109
- }
110
- .e-dashboardlayout.e-control .e-panel .e-panel-header div {
111
- overflow: hidden;
112
- text-overflow: ellipsis;
113
- white-space: nowrap;
114
- }
115
- .e-dashboardlayout.e-control .e-panel .e-panel-header .e-header-content {
116
- display: inline-block;
117
- }
118
- .e-dashboardlayout.e-control .e-panel .e-panel-header .e-header-template {
119
- float: right;
120
- }
121
- .e-dashboardlayout.e-control .e-panel .e-panel-container {
122
- height: 100%;
123
- width: 100%;
124
- }
125
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-content .e-blazor-template {
126
- height: inherit;
127
- width: inherit;
128
- }
129
- .e-dashboardlayout.e-control .e-panel {
130
- border: 1px #414040 solid;
131
- height: 100%;
132
- -webkit-user-select: none;
133
- -ms-user-select: none;
134
- user-select: none;
135
- width: 100%;
136
- }
137
- .e-dashboardlayout.e-control .e-panel .e-resize.e-single, .e-dashboardlayout.e-control .e-panel .e-resize.e-double {
138
- position: absolute;
139
- -ms-touch-action: none;
140
- touch-action: none;
141
- }
142
- .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-west, .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-north, .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-south, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-west, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-north, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-south {
143
- border: none;
144
- }
145
- .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-east:hover, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-east:hover {
146
- cursor: e-resize;
147
- }
148
- .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-west:hover, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-west:hover {
149
- cursor: w-resize;
150
- }
151
- .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-north:hover, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-north:hover {
152
- cursor: n-resize;
153
- }
154
- .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-south:hover, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-south:hover {
155
- cursor: s-resize;
156
- }
157
- .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-north-west:hover, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-north-west:hover {
158
- cursor: nw-resize;
159
- }
160
- .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-north-east:hover, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-north-east:hover {
161
- cursor: ne-resize;
162
- }
163
- .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-south-west:hover, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-south-west:hover {
164
- cursor: sw-resize;
165
- }
166
- .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-south-east:hover, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-south-east:hover {
167
- cursor: se-resize;
168
- }
169
- .e-dashboardlayout.e-control .e-panel .e-resize.e-single::before, .e-dashboardlayout.e-control .e-panel .e-resize.e-double::before {
170
- font-family: "e-icons";
171
- position: absolute;
172
- }
173
- .e-dashboardlayout.e-control .e-drag:hover {
174
- cursor: move;
175
- }
176
- .e-dashboardlayout.e-control .e-drag-restrict.e-drag:hover,
177
- .e-dashboardlayout.e-control .e-drag-restrict .e-drag:hover {
178
- cursor: default;
179
- }
180
- .e-dashboardlayout.e-control .e-panel.e-dragging, .e-dashboardlayout.e-control .e-panel.e-item-moving {
181
- cursor: move;
182
- z-index: 1111 !important;
183
- }
184
- .e-dashboardlayout.e-control .e-panel.e-rtl .e-panel-header .e-header-template {
185
- float: left;
186
- }
187
- .e-dashboardlayout.e-control .e-holder {
188
- background: rgba(0, 116, 204, 0.2);
189
- border: 2px #0074cc dotted;
190
- border-radius: 0;
191
- position: absolute;
192
- border-radius: 2px;
193
- }
194
- .e-dashboardlayout.e-control .e-holder.e-holder-transition {
195
- transition: top 0.3s, left 0.3s;
196
- }
197
- .e-dashboardlayout.e-control .e-panel.e-bigger .e-panel-header {
198
- font-size: 14px;
199
- font-weight: 500;
200
- height: 30px;
201
- padding: 0 12px;
202
- }
203
-
204
- .e-bigger .e-dashboardlayout.e-control .e-panel .e-panel-header {
205
- font-size: 14px;
206
- font-weight: 500;
207
- height: 30px;
208
- padding: 0 12px;
209
- }
210
- .e-content-placeholder.e-dashboardlayout.e-placeholder-dashboardlayout {
211
- height: 100%;
212
- width: 100%;
213
- }
214
-
215
- .e-dashboardlayout.e-control {
216
- display: block;
217
- position: relative;
218
- }
219
- .e-dashboardlayout.e-control .e-panel {
220
- background: #201f1f;
221
- box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
222
- box-sizing: border-box;
223
- position: absolute;
224
- }
225
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-header {
226
- color: #dadada;
227
- }
228
- .e-dashboardlayout.e-control .e-panel {
229
- background: #201f1f;
230
- box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
231
- box-sizing: border-box;
232
- position: absolute;
233
- }
234
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-header {
235
- color: #dadada;
236
- }
237
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-single {
238
- background: none;
239
- }
240
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double {
241
- color: #dadada;
242
- font-size: 8px;
243
- height: 16px;
244
- width: 16px;
245
- }
246
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-south-east-double {
247
- bottom: -5px;
248
- right: -6px;
249
- }
250
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-south-west-double {
251
- bottom: -5px;
252
- left: -6px;
253
- }
254
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-north-west-double {
255
- left: -6px;
256
- top: -5px;
257
- }
258
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-north-east-double {
259
- right: -6px;
260
- top: -5px;
261
- }
262
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-north-east-shrink {
263
- right: -6px;
264
- top: -5px;
265
- }
266
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-north-west-shrink {
267
- left: -6px;
268
- top: -5px;
269
- }
270
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-south-west-shrink {
271
- bottom: -5px;
272
- left: -6px;
273
- }
274
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-south-east-shrink {
275
- bottom: -5px;
276
- right: -6px;
277
- }
278
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-north-east-expand {
279
- right: -6px;
280
- top: -5px;
281
- }
282
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-north-west-expand {
283
- left: -6px;
284
- top: -5px;
285
- }
286
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-south-west-expand {
287
- bottom: -5px;
288
- left: -6px;
289
- }
290
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-south-east-expand {
291
- bottom: -5px;
292
- right: -6px;
293
- }
294
- .e-dashboardlayout.e-control .e-panel.e-bigger .e-panel-header {
295
- color: #dadada;
296
- }
1
+ @import '@syncfusion/ej2-layouts/styles/dashboard-layout/fabric-dark.css';