@syncfusion/ej2-react-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 (90) hide show
  1. package/dist/ej2-react-layouts.min.js +2 -2
  2. package/dist/ej2-react-layouts.umd.min.js +2 -2
  3. package/package.json +9 -9
  4. package/src/dashboard-layout/dashboardlayout.component.d.ts +2 -2
  5. package/src/splitter/splitter.component.d.ts +2 -2
  6. package/styles/avatar/bootstrap-dark.css +1 -45
  7. package/styles/avatar/bootstrap.css +1 -45
  8. package/styles/avatar/bootstrap4.css +1 -45
  9. package/styles/avatar/bootstrap5-dark.css +1 -60
  10. package/styles/avatar/bootstrap5.css +1 -60
  11. package/styles/avatar/fabric-dark.css +1 -45
  12. package/styles/avatar/fabric.css +1 -45
  13. package/styles/avatar/fluent-dark.css +1 -58
  14. package/styles/avatar/fluent.css +1 -58
  15. package/styles/avatar/highcontrast-light.css +1 -45
  16. package/styles/avatar/highcontrast.css +1 -45
  17. package/styles/avatar/material-dark.css +1 -45
  18. package/styles/avatar/material.css +1 -45
  19. package/styles/avatar/material3-dark.css +1 -113
  20. package/styles/avatar/material3.css +1 -169
  21. package/styles/avatar/tailwind-dark.css +1 -58
  22. package/styles/avatar/tailwind.css +1 -58
  23. package/styles/bootstrap-dark.css +1 -1351
  24. package/styles/bootstrap.css +1 -1352
  25. package/styles/bootstrap4.css +1 -1357
  26. package/styles/bootstrap5-dark.css +1 -1368
  27. package/styles/bootstrap5.css +1 -1368
  28. package/styles/card/bootstrap-dark.css +1 -513
  29. package/styles/card/bootstrap.css +1 -514
  30. package/styles/card/bootstrap4.css +1 -520
  31. package/styles/card/bootstrap5-dark.css +1 -513
  32. package/styles/card/bootstrap5.css +1 -513
  33. package/styles/card/fabric-dark.css +1 -513
  34. package/styles/card/fabric.css +1 -524
  35. package/styles/card/fluent-dark.css +1 -534
  36. package/styles/card/fluent.css +1 -534
  37. package/styles/card/highcontrast-light.css +1 -513
  38. package/styles/card/highcontrast.css +1 -525
  39. package/styles/card/material-dark.css +1 -513
  40. package/styles/card/material.css +1 -513
  41. package/styles/card/material3-dark.css +1 -566
  42. package/styles/card/material3.css +1 -622
  43. package/styles/card/tailwind-dark.css +1 -514
  44. package/styles/card/tailwind.css +1 -514
  45. package/styles/dashboard-layout/bootstrap-dark.css +1 -296
  46. package/styles/dashboard-layout/bootstrap.css +1 -296
  47. package/styles/dashboard-layout/bootstrap4.css +1 -296
  48. package/styles/dashboard-layout/bootstrap5-dark.css +1 -305
  49. package/styles/dashboard-layout/bootstrap5.css +1 -305
  50. package/styles/dashboard-layout/fabric-dark.css +1 -296
  51. package/styles/dashboard-layout/fabric.css +1 -296
  52. package/styles/dashboard-layout/fluent-dark.css +1 -300
  53. package/styles/dashboard-layout/fluent.css +1 -300
  54. package/styles/dashboard-layout/highcontrast-light.css +1 -234
  55. package/styles/dashboard-layout/highcontrast.css +1 -292
  56. package/styles/dashboard-layout/material-dark.css +1 -296
  57. package/styles/dashboard-layout/material.css +1 -296
  58. package/styles/dashboard-layout/material3-dark.css +1 -356
  59. package/styles/dashboard-layout/material3.css +1 -412
  60. package/styles/dashboard-layout/tailwind-dark.css +1 -317
  61. package/styles/dashboard-layout/tailwind.css +1 -317
  62. package/styles/fabric-dark.css +1 -1351
  63. package/styles/fabric.css +1 -1362
  64. package/styles/fluent-dark.css +1 -1382
  65. package/styles/fluent.css +1 -1382
  66. package/styles/highcontrast-light.css +1 -1289
  67. package/styles/highcontrast.css +1 -1359
  68. package/styles/material-dark.css +1 -1350
  69. package/styles/material.css +1 -1351
  70. package/styles/material3-dark.css +1 -1581
  71. package/styles/material3.css +1 -1805
  72. package/styles/splitter/bootstrap-dark.css +1 -496
  73. package/styles/splitter/bootstrap.css +1 -496
  74. package/styles/splitter/bootstrap4.css +1 -495
  75. package/styles/splitter/bootstrap5-dark.css +1 -489
  76. package/styles/splitter/bootstrap5.css +1 -489
  77. package/styles/splitter/fabric-dark.css +1 -496
  78. package/styles/splitter/fabric.css +1 -496
  79. package/styles/splitter/fluent-dark.css +1 -489
  80. package/styles/splitter/fluent.css +1 -489
  81. package/styles/splitter/highcontrast-light.css +1 -496
  82. package/styles/splitter/highcontrast.css +1 -496
  83. package/styles/splitter/material-dark.css +1 -495
  84. package/styles/splitter/material.css +1 -496
  85. package/styles/splitter/material3-dark.css +1 -544
  86. package/styles/splitter/material3.css +1 -600
  87. package/styles/splitter/tailwind-dark.css +1 -489
  88. package/styles/splitter/tailwind.css +1 -489
  89. package/styles/tailwind-dark.css +1 -1379
  90. package/styles/tailwind.css +1 -1379
@@ -1,296 +1 @@
1
- /*! component's theme wise override bootstrap-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: "\eb08";
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: "\eb08";
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: #141414;
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 #2C2C2C;
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 #6e6e6e 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 #0070f0 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: 1px solid #505050;
103
- color: #f0f0f0;
104
- font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
105
- font-size: 14px;
106
- font-weight: 500;
107
- height: 28px;
108
- padding: 4px 12px;
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 #484848 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: 1px #0070f0 solid;
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, 112, 240, 0.2);
189
- border: 2px #0070f0 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: #1a1a1a;
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: #f0f0f0;
227
- }
228
- .e-dashboardlayout.e-control .e-panel {
229
- background: #1a1a1a;
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: #f0f0f0;
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: #acacac;
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: #acacac;
296
- }
1
+ @import '@syncfusion/ej2-layouts/styles/dashboard-layout/bootstrap-dark.css';
@@ -1,296 +1 @@
1
- /*! component's theme wise override bootstrap-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: "\eb08";
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: "\eb08";
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: #eee;
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 #adadad;
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: 4px;
85
- }
86
- .e-dashboardlayout.e-control .e-panel:hover {
87
- border: 1px #d4d4d4 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 #317ab9 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: 1px solid #e6e6e6;
103
- color: #333;
104
- font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
105
- font-size: 14px;
106
- font-weight: 500;
107
- height: 28px;
108
- padding: 4px 12px;
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 rgba(255, 255, 255, 0.8) 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(49, 122, 185, 0.2);
189
- border: 1px #317ab9 dotted;
190
- border-radius: 4px;
191
- position: absolute;
192
- border-radius: 4px;
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: #fff;
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: #333;
227
- }
228
- .e-dashboardlayout.e-control .e-panel {
229
- background: #fff;
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: #333;
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: rgba(0, 0, 0, 0.5);
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: #333;
296
- }
1
+ @import '@syncfusion/ej2-layouts/styles/dashboard-layout/bootstrap.css';