@syncfusion/ej2-vue-layouts 26.1.35 → 26.2.4

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