@syncfusion/ej2-layouts 26.2.9 → 27.1.48

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 (274) hide show
  1. package/README.md +33 -33
  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 +3 -1
  6. package/dist/es6/ej2-layouts.es2015.js.map +1 -1
  7. package/dist/es6/ej2-layouts.es5.js +3 -1
  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 +8 -7
  13. package/src/splitter/splitter.js +3 -1
  14. package/styles/avatar/_layout.scss +6 -6
  15. package/styles/avatar/bootstrap5.3.css +66 -0
  16. package/styles/avatar/bootstrap5.3.scss +3 -0
  17. package/styles/bootstrap-dark-lite.css +1521 -0
  18. package/styles/bootstrap-dark-lite.scss +14 -0
  19. package/styles/bootstrap-dark.css +213 -211
  20. package/styles/bootstrap-dark.scss +5 -1
  21. package/styles/bootstrap-lite.css +1521 -0
  22. package/styles/bootstrap-lite.scss +14 -0
  23. package/styles/bootstrap.css +214 -212
  24. package/styles/bootstrap.scss +5 -1
  25. package/styles/bootstrap4-lite.css +1517 -0
  26. package/styles/bootstrap4-lite.scss +14 -0
  27. package/styles/bootstrap4.css +222 -220
  28. package/styles/bootstrap4.scss +5 -1
  29. package/styles/bootstrap5-dark-lite.css +1538 -0
  30. package/styles/bootstrap5-dark-lite.scss +14 -0
  31. package/styles/bootstrap5-dark.css +214 -212
  32. package/styles/bootstrap5-dark.scss +5 -1
  33. package/styles/bootstrap5-lite.css +1538 -0
  34. package/styles/bootstrap5-lite.scss +14 -0
  35. package/styles/bootstrap5.3-lite.css +1530 -0
  36. package/styles/bootstrap5.3-lite.scss +14 -0
  37. package/styles/bootstrap5.3.css +1764 -0
  38. package/styles/bootstrap5.3.scss +18 -0
  39. package/styles/bootstrap5.css +214 -212
  40. package/styles/bootstrap5.scss +5 -1
  41. package/styles/card/_bigger.scss +165 -0
  42. package/styles/card/_layout.scss +2 -164
  43. package/styles/card/bootstrap-dark.css +135 -135
  44. package/styles/card/bootstrap-dark.scss +1 -0
  45. package/styles/card/bootstrap.css +136 -136
  46. package/styles/card/bootstrap.scss +1 -0
  47. package/styles/card/bootstrap4.css +144 -144
  48. package/styles/card/bootstrap4.scss +1 -0
  49. package/styles/card/bootstrap5-dark.css +136 -136
  50. package/styles/card/bootstrap5-dark.scss +1 -0
  51. package/styles/card/bootstrap5.3.css +560 -0
  52. package/styles/card/bootstrap5.3.scss +4 -0
  53. package/styles/card/bootstrap5.css +136 -136
  54. package/styles/card/bootstrap5.scss +1 -0
  55. package/styles/card/fabric-dark.css +135 -135
  56. package/styles/card/fabric-dark.scss +1 -0
  57. package/styles/card/fabric.css +136 -136
  58. package/styles/card/fabric.scss +1 -0
  59. package/styles/card/fluent-dark.css +143 -143
  60. package/styles/card/fluent-dark.scss +1 -0
  61. package/styles/card/fluent.css +143 -143
  62. package/styles/card/fluent.scss +1 -0
  63. package/styles/card/fluent2.css +138 -138
  64. package/styles/card/fluent2.scss +1 -0
  65. package/styles/card/highcontrast-light.css +135 -135
  66. package/styles/card/highcontrast-light.scss +1 -0
  67. package/styles/card/highcontrast.css +136 -136
  68. package/styles/card/highcontrast.scss +1 -0
  69. package/styles/card/material-dark.css +135 -135
  70. package/styles/card/material-dark.scss +1 -0
  71. package/styles/card/material.css +135 -135
  72. package/styles/card/material.scss +1 -0
  73. package/styles/card/material3-dark.css +135 -135
  74. package/styles/card/material3-dark.scss +1 -0
  75. package/styles/card/material3.css +135 -135
  76. package/styles/card/material3.scss +1 -0
  77. package/styles/card/tailwind-dark.css +135 -135
  78. package/styles/card/tailwind-dark.scss +1 -0
  79. package/styles/card/tailwind.css +135 -135
  80. package/styles/card/tailwind.scss +1 -0
  81. package/styles/dashboard-layout/_bigger.scss +39 -0
  82. package/styles/dashboard-layout/_bootstrap5.3-definition.scss +5 -5
  83. package/styles/dashboard-layout/_fluent2-definition.scss +3 -4
  84. package/styles/dashboard-layout/_layout.scss +0 -32
  85. package/styles/dashboard-layout/_theme.scss +0 -6
  86. package/styles/dashboard-layout/bootstrap-dark.css +14 -13
  87. package/styles/dashboard-layout/bootstrap-dark.scss +1 -0
  88. package/styles/dashboard-layout/bootstrap.css +14 -13
  89. package/styles/dashboard-layout/bootstrap.scss +1 -0
  90. package/styles/dashboard-layout/bootstrap4.css +14 -13
  91. package/styles/dashboard-layout/bootstrap4.scss +1 -0
  92. package/styles/dashboard-layout/bootstrap5-dark.css +14 -13
  93. package/styles/dashboard-layout/bootstrap5-dark.scss +1 -0
  94. package/styles/dashboard-layout/bootstrap5.3.css +300 -0
  95. package/styles/dashboard-layout/bootstrap5.3.scss +5 -0
  96. package/styles/dashboard-layout/bootstrap5.css +14 -13
  97. package/styles/dashboard-layout/bootstrap5.scss +1 -0
  98. package/styles/dashboard-layout/fabric-dark.css +14 -13
  99. package/styles/dashboard-layout/fabric-dark.scss +1 -0
  100. package/styles/dashboard-layout/fabric.css +14 -13
  101. package/styles/dashboard-layout/fabric.scss +1 -0
  102. package/styles/dashboard-layout/fluent-dark.css +14 -13
  103. package/styles/dashboard-layout/fluent-dark.scss +1 -0
  104. package/styles/dashboard-layout/fluent.css +14 -13
  105. package/styles/dashboard-layout/fluent.scss +1 -0
  106. package/styles/dashboard-layout/fluent2.css +18 -17
  107. package/styles/dashboard-layout/fluent2.scss +1 -0
  108. package/styles/dashboard-layout/highcontrast-light.css +14 -13
  109. package/styles/dashboard-layout/highcontrast-light.scss +1 -0
  110. package/styles/dashboard-layout/highcontrast.css +14 -13
  111. package/styles/dashboard-layout/highcontrast.scss +1 -0
  112. package/styles/dashboard-layout/material-dark.css +14 -13
  113. package/styles/dashboard-layout/material-dark.scss +1 -0
  114. package/styles/dashboard-layout/material.css +14 -13
  115. package/styles/dashboard-layout/material.scss +1 -0
  116. package/styles/dashboard-layout/material3-dark.css +14 -13
  117. package/styles/dashboard-layout/material3-dark.scss +1 -0
  118. package/styles/dashboard-layout/material3.css +14 -13
  119. package/styles/dashboard-layout/material3.scss +1 -0
  120. package/styles/dashboard-layout/tailwind-dark.css +21 -19
  121. package/styles/dashboard-layout/tailwind-dark.scss +1 -0
  122. package/styles/dashboard-layout/tailwind.css +21 -19
  123. package/styles/dashboard-layout/tailwind.scss +1 -0
  124. package/styles/fabric-dark-lite.css +1521 -0
  125. package/styles/fabric-dark-lite.scss +14 -0
  126. package/styles/fabric-dark.css +213 -211
  127. package/styles/fabric-dark.scss +5 -1
  128. package/styles/fabric-lite.css +1531 -0
  129. package/styles/fabric-lite.scss +14 -0
  130. package/styles/fabric.css +214 -212
  131. package/styles/fabric.scss +5 -1
  132. package/styles/fluent-dark-lite.css +1546 -0
  133. package/styles/fluent-dark-lite.scss +14 -0
  134. package/styles/fluent-dark.css +221 -219
  135. package/styles/fluent-dark.scss +5 -1
  136. package/styles/fluent-lite.css +1546 -0
  137. package/styles/fluent-lite.scss +14 -0
  138. package/styles/fluent.css +221 -219
  139. package/styles/fluent.scss +5 -1
  140. package/styles/fluent2-lite.css +1545 -0
  141. package/styles/fluent2-lite.scss +14 -0
  142. package/styles/fluent2.css +225 -219
  143. package/styles/fluent2.scss +5 -1
  144. package/styles/highcontrast-light-lite.css +1458 -0
  145. package/styles/highcontrast-light-lite.scss +13 -0
  146. package/styles/highcontrast-light.css +213 -211
  147. package/styles/highcontrast-light.scss +5 -1
  148. package/styles/highcontrast-lite.css +1530 -0
  149. package/styles/highcontrast-lite.scss +14 -0
  150. package/styles/highcontrast.css +214 -212
  151. package/styles/highcontrast.scss +5 -1
  152. package/styles/material-dark-lite.css +1519 -0
  153. package/styles/material-dark-lite.scss +14 -0
  154. package/styles/material-dark.css +213 -211
  155. package/styles/material-dark.scss +5 -1
  156. package/styles/material-lite.css +1521 -0
  157. package/styles/material-lite.scss +14 -0
  158. package/styles/material.css +213 -211
  159. package/styles/material.scss +5 -1
  160. package/styles/material3-dark-lite.css +1536 -0
  161. package/styles/material3-dark-lite.scss +14 -0
  162. package/styles/material3-dark.css +213 -211
  163. package/styles/material3-dark.scss +5 -1
  164. package/styles/material3-lite.css +1538 -0
  165. package/styles/material3-lite.scss +14 -0
  166. package/styles/material3.css +213 -211
  167. package/styles/material3.scss +5 -1
  168. package/styles/splitter/_bigger.scss +78 -0
  169. package/styles/splitter/_layout.scss +0 -58
  170. package/styles/splitter/bootstrap-dark.css +40 -41
  171. package/styles/splitter/bootstrap-dark.scss +1 -0
  172. package/styles/splitter/bootstrap.css +40 -41
  173. package/styles/splitter/bootstrap.scss +1 -0
  174. package/styles/splitter/bootstrap4.css +40 -41
  175. package/styles/splitter/bootstrap4.scss +1 -0
  176. package/styles/splitter/bootstrap5-dark.css +40 -41
  177. package/styles/splitter/bootstrap5-dark.scss +1 -0
  178. package/styles/splitter/bootstrap5.3.css +547 -0
  179. package/styles/splitter/bootstrap5.3.scss +5 -0
  180. package/styles/splitter/bootstrap5.css +40 -41
  181. package/styles/splitter/bootstrap5.scss +1 -0
  182. package/styles/splitter/fabric-dark.css +40 -41
  183. package/styles/splitter/fabric-dark.scss +1 -0
  184. package/styles/splitter/fabric.css +40 -41
  185. package/styles/splitter/fabric.scss +1 -0
  186. package/styles/splitter/fluent-dark.css +40 -41
  187. package/styles/splitter/fluent-dark.scss +1 -0
  188. package/styles/splitter/fluent.css +40 -41
  189. package/styles/splitter/fluent.scss +1 -0
  190. package/styles/splitter/fluent2.css +40 -41
  191. package/styles/splitter/fluent2.scss +1 -0
  192. package/styles/splitter/highcontrast-light.css +40 -41
  193. package/styles/splitter/highcontrast-light.scss +1 -0
  194. package/styles/splitter/highcontrast.css +40 -41
  195. package/styles/splitter/highcontrast.scss +1 -0
  196. package/styles/splitter/icons/_bds.scss +0 -18
  197. package/styles/splitter/icons/_bootstrap-dark.scss +0 -18
  198. package/styles/splitter/icons/_bootstrap.scss +0 -18
  199. package/styles/splitter/icons/_bootstrap4.scss +0 -18
  200. package/styles/splitter/icons/_bootstrap5.3.scss +0 -18
  201. package/styles/splitter/icons/_bootstrap5.scss +0 -18
  202. package/styles/splitter/icons/_fabric-dark.scss +0 -18
  203. package/styles/splitter/icons/_fabric.scss +0 -18
  204. package/styles/splitter/icons/_fluent.scss +0 -18
  205. package/styles/splitter/icons/_fluent2.scss +0 -18
  206. package/styles/splitter/icons/_fusionnew.scss +0 -18
  207. package/styles/splitter/icons/_highcontrast-light.scss +0 -18
  208. package/styles/splitter/icons/_highcontrast.scss +0 -18
  209. package/styles/splitter/icons/_material-dark.scss +0 -18
  210. package/styles/splitter/icons/_material.scss +0 -18
  211. package/styles/splitter/icons/_material3.scss +0 -18
  212. package/styles/splitter/icons/_tailwind.scss +0 -18
  213. package/styles/splitter/material-dark.css +40 -41
  214. package/styles/splitter/material-dark.scss +1 -0
  215. package/styles/splitter/material.css +40 -41
  216. package/styles/splitter/material.scss +1 -0
  217. package/styles/splitter/material3-dark.css +40 -41
  218. package/styles/splitter/material3-dark.scss +1 -0
  219. package/styles/splitter/material3.css +40 -41
  220. package/styles/splitter/material3.scss +1 -0
  221. package/styles/splitter/tailwind-dark.css +40 -41
  222. package/styles/splitter/tailwind-dark.scss +1 -0
  223. package/styles/splitter/tailwind.css +40 -41
  224. package/styles/splitter/tailwind.scss +1 -0
  225. package/styles/tailwind-dark-lite.css +1546 -0
  226. package/styles/tailwind-dark-lite.scss +14 -0
  227. package/styles/tailwind-dark.css +220 -217
  228. package/styles/tailwind-dark.scss +5 -1
  229. package/styles/tailwind-lite.css +1546 -0
  230. package/styles/tailwind-lite.scss +14 -0
  231. package/styles/tailwind.css +220 -217
  232. package/styles/tailwind.scss +5 -1
  233. package/styles/timeline/_bigger.scss +48 -0
  234. package/styles/timeline/_layout.scss +6 -42
  235. package/styles/timeline/_theme.scss +13 -1
  236. package/styles/timeline/bootstrap-dark.css +24 -23
  237. package/styles/timeline/bootstrap-dark.scss +1 -0
  238. package/styles/timeline/bootstrap.css +24 -23
  239. package/styles/timeline/bootstrap.scss +1 -0
  240. package/styles/timeline/bootstrap4.css +24 -23
  241. package/styles/timeline/bootstrap4.scss +1 -0
  242. package/styles/timeline/bootstrap5-dark.css +24 -23
  243. package/styles/timeline/bootstrap5-dark.scss +1 -0
  244. package/styles/timeline/bootstrap5.3.css +303 -0
  245. package/styles/timeline/bootstrap5.3.scss +4 -0
  246. package/styles/timeline/bootstrap5.css +24 -23
  247. package/styles/timeline/bootstrap5.scss +1 -0
  248. package/styles/timeline/fabric-dark.css +24 -23
  249. package/styles/timeline/fabric-dark.scss +1 -0
  250. package/styles/timeline/fabric.css +24 -23
  251. package/styles/timeline/fabric.scss +1 -0
  252. package/styles/timeline/fluent-dark.css +24 -23
  253. package/styles/timeline/fluent-dark.scss +1 -0
  254. package/styles/timeline/fluent.css +24 -23
  255. package/styles/timeline/fluent.scss +1 -0
  256. package/styles/timeline/fluent2.css +29 -24
  257. package/styles/timeline/fluent2.scss +1 -0
  258. package/styles/timeline/highcontrast-light.css +24 -23
  259. package/styles/timeline/highcontrast-light.scss +1 -0
  260. package/styles/timeline/highcontrast.css +24 -23
  261. package/styles/timeline/highcontrast.scss +1 -0
  262. package/styles/timeline/material-dark.css +24 -23
  263. package/styles/timeline/material-dark.scss +1 -0
  264. package/styles/timeline/material.css +24 -23
  265. package/styles/timeline/material.scss +1 -0
  266. package/styles/timeline/material3-dark.css +24 -23
  267. package/styles/timeline/material3-dark.scss +1 -0
  268. package/styles/timeline/material3.css +24 -23
  269. package/styles/timeline/material3.scss +1 -0
  270. package/styles/timeline/tailwind-dark.css +24 -23
  271. package/styles/timeline/tailwind-dark.scss +1 -0
  272. package/styles/timeline/tailwind.css +24 -23
  273. package/styles/timeline/tailwind.scss +1 -0
  274. package/hotfix/26.1.35_Vol2.txt +0 -1
package/styles/dashboard-layout/fluent-dark.css CHANGED
@@ -184,12 +184,6 @@
184
184
  .e-dashboardlayout.e-control .e-panel.e-rtl .e-panel-header .e-header-template {
185
185
  float: left;
186
186
  }
187
- .e-dashboardlayout.e-control .e-panel.e-bigger .e-panel-header {
188
- font-size: 18px;
189
- font-weight: 600;
190
- height: 68px;
191
- padding: 20px 0 20px 20px;
192
- }
193
187
  .e-dashboardlayout.e-control .e-drag:hover {
194
188
  cursor: move;
195
189
  }
@@ -209,12 +203,6 @@
209
203
  transition: top 0.3s, left 0.3s;
210
204
  }
211
205
 
212
- .e-bigger .e-dashboardlayout.e-control .e-panel .e-panel-header {
213
- font-size: 18px;
214
- font-weight: 600;
215
- height: 68px;
216
- padding: 20px 0 20px 20px;
217
- }
218
206
  .e-content-placeholder.e-dashboardlayout.e-placeholder-dashboardlayout {
219
207
  height: 100%;
220
208
  width: 100%;
@@ -295,6 +283,19 @@
295
283
  .e-dashboardlayout.e-control .e-panel:active {
296
284
  background: #201f1e;
297
285
  }
298
- .e-dashboardlayout.e-control .e-panel.e-bigger .e-panel-header {
286
+ .e-bigger .e-dashboardlayout.e-control .e-panel .e-panel-header {
287
+ font-size: 18px;
288
+ font-weight: 600;
289
+ height: 68px;
290
+ padding: 20px 0 20px 20px;
291
+ }
292
+ .e-bigger .e-panel-header {
299
293
  color: #f3f2f1;
294
+ }
295
+
296
+ .e-bigger .e-panel-header {
297
+ font-size: 18px;
298
+ font-weight: 600;
299
+ height: 68px;
300
+ padding: 20px 0 20px 20px;
300
301
  }
package/styles/dashboard-layout/fluent-dark.scss CHANGED
@@ -2,3 +2,4 @@
2
2
  @import 'fluent-dark-definition.scss';
3
3
  @import 'icons/fluent-dark.scss';
4
4
  @import 'all.scss';
5
+ @import 'bigger.scss';
package/styles/dashboard-layout/fluent.css CHANGED
@@ -184,12 +184,6 @@
184
184
  .e-dashboardlayout.e-control .e-panel.e-rtl .e-panel-header .e-header-template {
185
185
  float: left;
186
186
  }
187
- .e-dashboardlayout.e-control .e-panel.e-bigger .e-panel-header {
188
- font-size: 18px;
189
- font-weight: 600;
190
- height: 68px;
191
- padding: 20px 0 20px 20px;
192
- }
193
187
  .e-dashboardlayout.e-control .e-drag:hover {
194
188
  cursor: move;
195
189
  }
@@ -209,12 +203,6 @@
209
203
  transition: top 0.3s, left 0.3s;
210
204
  }
211
205
 
212
- .e-bigger .e-dashboardlayout.e-control .e-panel .e-panel-header {
213
- font-size: 18px;
214
- font-weight: 600;
215
- height: 68px;
216
- padding: 20px 0 20px 20px;
217
- }
218
206
  .e-content-placeholder.e-dashboardlayout.e-placeholder-dashboardlayout {
219
207
  height: 100%;
220
208
  width: 100%;
@@ -295,6 +283,19 @@
295
283
  .e-dashboardlayout.e-control .e-panel:active {
296
284
  background: #faf9f8;
297
285
  }
298
- .e-dashboardlayout.e-control .e-panel.e-bigger .e-panel-header {
286
+ .e-bigger .e-dashboardlayout.e-control .e-panel .e-panel-header {
287
+ font-size: 18px;
288
+ font-weight: 600;
289
+ height: 68px;
290
+ padding: 20px 0 20px 20px;
291
+ }
292
+ .e-bigger .e-panel-header {
299
293
  color: #201f1e;
294
+ }
295
+
296
+ .e-bigger .e-panel-header {
297
+ font-size: 18px;
298
+ font-weight: 600;
299
+ height: 68px;
300
+ padding: 20px 0 20px 20px;
300
301
  }
package/styles/dashboard-layout/fluent.scss CHANGED
@@ -2,3 +2,4 @@
2
2
  @import 'fluent-definition.scss';
3
3
  @import 'icons/fluent.scss';
4
4
  @import 'all.scss';
5
+ @import 'bigger.scss';
package/styles/dashboard-layout/fluent2.css CHANGED
@@ -103,8 +103,8 @@
103
103
  border-radius: 4px;
104
104
  }
105
105
  .e-dashboardlayout.e-control .e-panel:hover {
106
- -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
107
- box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
106
+ -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
107
+ box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
108
108
  background: var(--color-sf-flyout-bg-color-hover);
109
109
  }
110
110
  .e-dashboardlayout.e-control .e-panel:hover .e-panel-container .e-resize.e-dl-icon {
@@ -192,12 +192,6 @@
192
192
  .e-dashboardlayout.e-control .e-panel.e-rtl .e-panel-header .e-header-template {
193
193
  float: left;
194
194
  }
195
- .e-dashboardlayout.e-control .e-panel.e-bigger .e-panel-header {
196
- font-size: 16px;
197
- font-weight: 600;
198
- height: 44px;
199
- padding: 12px 20px;
200
- }
201
195
  .e-dashboardlayout.e-control .e-drag:hover {
202
196
  cursor: move;
203
197
  }
@@ -217,12 +211,6 @@
217
211
  transition: top 0.3s, left 0.3s;
218
212
  }
219
213
 
220
- .e-bigger .e-dashboardlayout.e-control .e-panel .e-panel-header {
221
- font-size: 16px;
222
- font-weight: 600;
223
- height: 44px;
224
- padding: 12px 20px;
225
- }
226
214
  .e-content-placeholder.e-dashboardlayout.e-placeholder-dashboardlayout {
227
215
  height: 100%;
228
216
  width: 100%;
@@ -234,8 +222,8 @@
234
222
  }
235
223
  .e-dashboardlayout.e-control .e-panel {
236
224
  background: var(--color-sf-flyout-bg-color);
237
- -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
238
- box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
225
+ -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
226
+ box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
239
227
  -webkit-box-sizing: border-box;
240
228
  box-sizing: border-box;
241
229
  position: absolute;
@@ -303,6 +291,19 @@
303
291
  .e-dashboardlayout.e-control .e-panel:active {
304
292
  background: var(--color-sf-flyout-bg-color-selected);
305
293
  }
306
- .e-dashboardlayout.e-control .e-panel.e-bigger .e-panel-header {
294
+ .e-bigger .e-dashboardlayout.e-control .e-panel .e-panel-header {
295
+ font-size: 16px;
296
+ font-weight: 600;
297
+ height: 44px;
298
+ padding: 12px 20px;
299
+ }
300
+ .e-bigger .e-panel-header {
307
301
  color: var(--color-sf-content-text-color);
302
+ }
303
+
304
+ .e-bigger .e-panel-header {
305
+ font-size: 16px;
306
+ font-weight: 600;
307
+ height: 44px;
308
+ padding: 12px 20px;
308
309
  }
package/styles/dashboard-layout/fluent2.scss CHANGED
@@ -2,3 +2,4 @@
2
2
  @import 'fluent2-definition.scss';
3
3
  @import 'icons/fluent2.scss';
4
4
  @import 'all.scss';
5
+ @import 'bigger.scss';
package/styles/dashboard-layout/highcontrast-light.css CHANGED
@@ -119,12 +119,6 @@
119
119
  .e-dashboardlayout.e-control .e-panel.e-rtl .e-panel-header .e-header-template {
120
120
  float: left;
121
121
  }
122
- .e-dashboardlayout.e-control .e-panel.e-bigger .e-panel-header {
123
- font-size: 14px;
124
- font-weight: 500;
125
- height: 30px;
126
- padding: 0 12px;
127
- }
128
122
  .e-dashboardlayout.e-control .e-drag:hover {
129
123
  cursor: move;
130
124
  }
@@ -144,12 +138,6 @@
144
138
  transition: top 0.3s, left 0.3s;
145
139
  }
146
140
 
147
- .e-bigger .e-dashboardlayout.e-control .e-panel .e-panel-header {
148
- font-size: 14px;
149
- font-weight: 500;
150
- height: 30px;
151
- padding: 0 12px;
152
- }
153
141
  .e-content-placeholder.e-dashboardlayout.e-placeholder-dashboardlayout {
154
142
  height: 100%;
155
143
  width: 100%;
@@ -227,6 +215,19 @@
227
215
  bottom: -5px;
228
216
  right: -6px;
229
217
  }
230
- .e-dashboardlayout.e-control .e-panel.e-bigger .e-panel-header {
218
+ .e-bigger .e-dashboardlayout.e-control .e-panel .e-panel-header {
219
+ font-size: 14px;
220
+ font-weight: 500;
221
+ height: 30px;
222
+ padding: 0 12px;
223
+ }
224
+ .e-bigger .e-panel-header {
231
225
  color: rgba(0, 0, 0, 0.54);
226
+ }
227
+
228
+ .e-bigger .e-panel-header {
229
+ font-size: 14px;
230
+ font-weight: 500;
231
+ height: 30px;
232
+ padding: 0 12px;
232
233
  }
package/styles/dashboard-layout/highcontrast-light.scss CHANGED
@@ -1,3 +1,4 @@
1
1
  @import 'ej2-base/styles/definition/highcontrast-light.scss';
2
2
  @import 'highcontrast-light-definition.scss';
3
3
  @import 'all.scss';
4
+ @import 'bigger.scss';
package/styles/dashboard-layout/highcontrast.css CHANGED
@@ -181,12 +181,6 @@
181
181
  .e-dashboardlayout.e-control .e-panel.e-rtl .e-panel-header .e-header-template {
182
182
  float: left;
183
183
  }
184
- .e-dashboardlayout.e-control .e-panel.e-bigger .e-panel-header {
185
- font-size: 14px;
186
- font-weight: 500;
187
- height: 30px;
188
- padding: 0 12px;
189
- }
190
184
  .e-dashboardlayout.e-control .e-drag:hover {
191
185
  cursor: move;
192
186
  }
@@ -205,12 +199,6 @@
205
199
  transition: top 0.3s, left 0.3s;
206
200
  }
207
201
 
208
- .e-bigger .e-dashboardlayout.e-control .e-panel .e-panel-header {
209
- font-size: 14px;
210
- font-weight: 500;
211
- height: 30px;
212
- padding: 0 12px;
213
- }
214
202
  .e-content-placeholder.e-dashboardlayout.e-placeholder-dashboardlayout {
215
203
  height: 100%;
216
204
  width: 100%;
@@ -288,6 +276,19 @@
288
276
  bottom: -5px;
289
277
  right: -6px;
290
278
  }
291
- .e-dashboardlayout.e-control .e-panel.e-bigger .e-panel-header {
279
+ .e-bigger .e-dashboardlayout.e-control .e-panel .e-panel-header {
280
+ font-size: 14px;
281
+ font-weight: 500;
282
+ height: 30px;
283
+ padding: 0 12px;
284
+ }
285
+ .e-bigger .e-panel-header {
292
286
  color: rgba(255, 255, 255, 0.54);
287
+ }
288
+
289
+ .e-bigger .e-panel-header {
290
+ font-size: 14px;
291
+ font-weight: 500;
292
+ height: 30px;
293
+ padding: 0 12px;
293
294
  }
package/styles/dashboard-layout/highcontrast.scss CHANGED
@@ -2,3 +2,4 @@
2
2
  @import 'highcontrast-definition.scss';
3
3
  @import 'icons/highcontrast.scss';
4
4
  @import 'all.scss';
5
+ @import 'bigger.scss';
package/styles/dashboard-layout/material-dark.css CHANGED
@@ -182,12 +182,6 @@
182
182
  .e-dashboardlayout.e-control .e-panel.e-rtl .e-panel-header .e-header-template {
183
183
  float: left;
184
184
  }
185
- .e-dashboardlayout.e-control .e-panel.e-bigger .e-panel-header {
186
- font-size: 13px;
187
- font-weight: 500;
188
- height: 30px;
189
- padding: 0 12px;
190
- }
191
185
  .e-dashboardlayout.e-control .e-drag:hover {
192
186
  cursor: move;
193
187
  }
@@ -207,12 +201,6 @@
207
201
  transition: top 0.3s, left 0.3s;
208
202
  }
209
203
 
210
- .e-bigger .e-dashboardlayout.e-control .e-panel .e-panel-header {
211
- font-size: 13px;
212
- font-weight: 500;
213
- height: 30px;
214
- padding: 0 12px;
215
- }
216
204
  .e-content-placeholder.e-dashboardlayout.e-placeholder-dashboardlayout {
217
205
  height: 100%;
218
206
  width: 100%;
@@ -290,6 +278,19 @@
290
278
  bottom: -5px;
291
279
  right: -6px;
292
280
  }
293
- .e-dashboardlayout.e-control .e-panel.e-bigger .e-panel-header {
281
+ .e-bigger .e-dashboardlayout.e-control .e-panel .e-panel-header {
282
+ font-size: 13px;
283
+ font-weight: 500;
284
+ height: 30px;
285
+ padding: 0 12px;
286
+ }
287
+ .e-bigger .e-panel-header {
294
288
  color: rgba(255, 255, 255, 0.7);
289
+ }
290
+
291
+ .e-bigger .e-panel-header {
292
+ font-size: 13px;
293
+ font-weight: 500;
294
+ height: 30px;
295
+ padding: 0 12px;
295
296
  }
package/styles/dashboard-layout/material-dark.scss CHANGED
@@ -2,3 +2,4 @@
2
2
  @import 'material-dark-definition.scss';
3
3
  @import 'icons/material-dark.scss';
4
4
  @import 'all.scss';
5
+ @import 'bigger.scss';
package/styles/dashboard-layout/material.css CHANGED
@@ -182,12 +182,6 @@
182
182
  .e-dashboardlayout.e-control .e-panel.e-rtl .e-panel-header .e-header-template {
183
183
  float: left;
184
184
  }
185
- .e-dashboardlayout.e-control .e-panel.e-bigger .e-panel-header {
186
- font-size: 13px;
187
- font-weight: 500;
188
- height: 30px;
189
- padding: 0 12px;
190
- }
191
185
  .e-dashboardlayout.e-control .e-drag:hover {
192
186
  cursor: move;
193
187
  }
@@ -207,12 +201,6 @@
207
201
  transition: top 0.3s, left 0.3s;
208
202
  }
209
203
 
210
- .e-bigger .e-dashboardlayout.e-control .e-panel .e-panel-header {
211
- font-size: 13px;
212
- font-weight: 500;
213
- height: 30px;
214
- padding: 0 12px;
215
- }
216
204
  .e-content-placeholder.e-dashboardlayout.e-placeholder-dashboardlayout {
217
205
  height: 100%;
218
206
  width: 100%;
@@ -290,6 +278,19 @@
290
278
  bottom: 1px;
291
279
  right: 1px;
292
280
  }
293
- .e-dashboardlayout.e-control .e-panel.e-bigger .e-panel-header {
281
+ .e-bigger .e-dashboardlayout.e-control .e-panel .e-panel-header {
282
+ font-size: 13px;
283
+ font-weight: 500;
284
+ height: 30px;
285
+ padding: 0 12px;
286
+ }
287
+ .e-bigger .e-panel-header {
294
288
  color: rgba(0, 0, 0, 0.54);
289
+ }
290
+
291
+ .e-bigger .e-panel-header {
292
+ font-size: 13px;
293
+ font-weight: 500;
294
+ height: 30px;
295
+ padding: 0 12px;
295
296
  }
package/styles/dashboard-layout/material.scss CHANGED
@@ -2,3 +2,4 @@
2
2
  @import 'material-definition.scss';
3
3
  @import 'icons/material.scss';
4
4
  @import 'all.scss';
5
+ @import 'bigger.scss';
package/styles/dashboard-layout/material3-dark.css CHANGED
@@ -187,12 +187,6 @@
187
187
  .e-dashboardlayout.e-control .e-panel.e-rtl .e-panel-header .e-header-template {
188
188
  float: left;
189
189
  }
190
- .e-dashboardlayout.e-control .e-panel.e-bigger .e-panel-header {
191
- font-size: 16px;
192
- font-weight: 600;
193
- height: 48px;
194
- padding: 14px 16px;
195
- }
196
190
  .e-dashboardlayout.e-control .e-drag:hover {
197
191
  cursor: move;
198
192
  }
@@ -212,12 +206,6 @@
212
206
  transition: top 0.3s, left 0.3s;
213
207
  }
214
208
 
215
- .e-bigger .e-dashboardlayout.e-control .e-panel .e-panel-header {
216
- font-size: 16px;
217
- font-weight: 600;
218
- height: 48px;
219
- padding: 14px 16px;
220
- }
221
209
  .e-content-placeholder.e-dashboardlayout.e-placeholder-dashboardlayout {
222
210
  height: 100%;
223
211
  width: 100%;
@@ -299,6 +287,19 @@
299
287
  bottom: 2px;
300
288
  right: 2px;
301
289
  }
302
- .e-dashboardlayout.e-control .e-panel.e-bigger .e-panel-header {
290
+ .e-bigger .e-dashboardlayout.e-control .e-panel .e-panel-header {
291
+ font-size: 16px;
292
+ font-weight: 600;
293
+ height: 48px;
294
+ padding: 14px 16px;
295
+ }
296
+ .e-bigger .e-panel-header {
303
297
  color: rgba(var(--color-sf-on-surface));
298
+ }
299
+
300
+ .e-bigger .e-panel-header {
301
+ font-size: 16px;
302
+ font-weight: 600;
303
+ height: 48px;
304
+ padding: 14px 16px;
304
305
  }
package/styles/dashboard-layout/material3-dark.scss CHANGED
@@ -3,3 +3,4 @@
3
3
  @import 'material3-dark-definition.scss';
4
4
  @import 'icons/material3-dark.scss';
5
5
  @import 'all.scss';
6
+ @import 'bigger.scss';
package/styles/dashboard-layout/material3.css CHANGED
@@ -189,12 +189,6 @@
189
189
  .e-dashboardlayout.e-control .e-panel.e-rtl .e-panel-header .e-header-template {
190
190
  float: left;
191
191
  }
192
- .e-dashboardlayout.e-control .e-panel.e-bigger .e-panel-header {
193
- font-size: 16px;
194
- font-weight: 600;
195
- height: 48px;
196
- padding: 14px 16px;
197
- }
198
192
  .e-dashboardlayout.e-control .e-drag:hover {
199
193
  cursor: move;
200
194
  }
@@ -214,12 +208,6 @@
214
208
  transition: top 0.3s, left 0.3s;
215
209
  }
216
210
 
217
- .e-bigger .e-dashboardlayout.e-control .e-panel .e-panel-header {
218
- font-size: 16px;
219
- font-weight: 600;
220
- height: 48px;
221
- padding: 14px 16px;
222
- }
223
211
  .e-content-placeholder.e-dashboardlayout.e-placeholder-dashboardlayout {
224
212
  height: 100%;
225
213
  width: 100%;
@@ -301,6 +289,19 @@
301
289
  bottom: 2px;
302
290
  right: 2px;
303
291
  }
304
- .e-dashboardlayout.e-control .e-panel.e-bigger .e-panel-header {
292
+ .e-bigger .e-dashboardlayout.e-control .e-panel .e-panel-header {
293
+ font-size: 16px;
294
+ font-weight: 600;
295
+ height: 48px;
296
+ padding: 14px 16px;
297
+ }
298
+ .e-bigger .e-panel-header {
305
299
  color: rgba(var(--color-sf-on-surface));
300
+ }
301
+
302
+ .e-bigger .e-panel-header {
303
+ font-size: 16px;
304
+ font-weight: 600;
305
+ height: 48px;
306
+ padding: 14px 16px;
306
307
  }
package/styles/dashboard-layout/material3.scss CHANGED
@@ -3,3 +3,4 @@
3
3
  @import 'material3-definition.scss';
4
4
  @import 'icons/material3.scss';
5
5
  @import 'all.scss';
6
+ @import 'bigger.scss';
package/styles/dashboard-layout/tailwind-dark.css CHANGED
@@ -189,13 +189,6 @@
189
189
  .e-dashboardlayout.e-control .e-panel.e-rtl .e-panel-header .e-header-template {
190
190
  float: left;
191
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
192
  .e-dashboardlayout.e-control .e-drag:hover {
200
193
  cursor: move;
201
194
  }
@@ -215,17 +208,6 @@
215
208
  transition: top 0.3s, left 0.3s;
216
209
  }
217
210
 
218
- .e-bigger .e-dashboardlayout.e-control .e-panel .e-panel-header {
219
- font-size: 16px;
220
- font-weight: 500;
221
- height: 40px;
222
- padding: 8px 18px;
223
- line-height: 24px;
224
- }
225
- .e-bigger .e-dashboardlayout.e-control .e-panel .e-panel-content {
226
- padding: 16px;
227
- }
228
-
229
211
  .e-content-placeholder.e-dashboardlayout.e-placeholder-dashboardlayout {
230
212
  height: 100%;
231
213
  width: 100%;
@@ -314,6 +296,26 @@
314
296
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
315
297
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
316
298
  }
317
- .e-dashboardlayout.e-control .e-panel.e-bigger .e-panel-header {
299
+
300
+ .e-bigger .e-dashboardlayout.e-control .e-panel .e-panel-header {
301
+ font-size: 16px;
302
+ font-weight: 500;
303
+ height: 40px;
304
+ padding: 8px 18px;
305
+ line-height: 24px;
306
+ }
307
+ .e-bigger .e-dashboardlayout.e-control .e-panel .e-panel-content {
308
+ padding: 16px;
309
+ }
310
+
311
+ .e-bigger .e-panel-header {
318
312
  color: #fff;
313
+ }
314
+
315
+ .e-bigger .e-panel-header {
316
+ font-size: 16px;
317
+ font-weight: 500;
318
+ height: 40px;
319
+ padding: 8px 18px;
320
+ line-height: 24px;
319
321
  }
package/styles/dashboard-layout/tailwind-dark.scss CHANGED
@@ -2,3 +2,4 @@
2
2
  @import 'tailwind-dark-definition.scss';
3
3
  @import 'icons/tailwind-dark.scss';
4
4
  @import 'all.scss';
5
+ @import 'bigger.scss';
package/styles/dashboard-layout/tailwind.css CHANGED
@@ -189,13 +189,6 @@
189
189
  .e-dashboardlayout.e-control .e-panel.e-rtl .e-panel-header .e-header-template {
190
190
  float: left;
191
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
192
  .e-dashboardlayout.e-control .e-drag:hover {
200
193
  cursor: move;
201
194
  }
@@ -215,17 +208,6 @@
215
208
  transition: top 0.3s, left 0.3s;
216
209
  }
217
210
 
218
- .e-bigger .e-dashboardlayout.e-control .e-panel .e-panel-header {
219
- font-size: 16px;
220
- font-weight: 500;
221
- height: 40px;
222
- padding: 8px 18px;
223
- line-height: 24px;
224
- }
225
- .e-bigger .e-dashboardlayout.e-control .e-panel .e-panel-content {
226
- padding: 16px;
227
- }
228
-
229
211
  .e-content-placeholder.e-dashboardlayout.e-placeholder-dashboardlayout {
230
212
  height: 100%;
231
213
  width: 100%;
@@ -314,6 +296,26 @@
314
296
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
315
297
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
316
298
  }
317
- .e-dashboardlayout.e-control .e-panel.e-bigger .e-panel-header {
299
+
300
+ .e-bigger .e-dashboardlayout.e-control .e-panel .e-panel-header {
301
+ font-size: 16px;
302
+ font-weight: 500;
303
+ height: 40px;
304
+ padding: 8px 18px;
305
+ line-height: 24px;
306
+ }
307
+ .e-bigger .e-dashboardlayout.e-control .e-panel .e-panel-content {
308
+ padding: 16px;
309
+ }
310
+
311
+ .e-bigger .e-panel-header {
318
312
  color: #111827;
313
+ }
314
+
315
+ .e-bigger .e-panel-header {
316
+ font-size: 16px;
317
+ font-weight: 500;
318
+ height: 40px;
319
+ padding: 8px 18px;
320
+ line-height: 24px;
319
321
  }
package/styles/dashboard-layout/tailwind.scss CHANGED
@@ -2,3 +2,4 @@
2
2
  @import 'tailwind-definition.scss';
3
3
  @import 'icons/tailwind.scss';
4
4
  @import 'all.scss';
5
+ @import 'bigger.scss';