@syncfusion/ej2-navigations 30.2.7 → 31.1.18

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 (131) hide show
  1. package/dist/ej2-navigations.min.js +1 -1
  2. package/dist/ej2-navigations.umd.min.js +1 -1
  3. package/dist/ej2-navigations.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  5. package/dist/es6/ej2-navigations.es5.js.map +1 -1
  6. package/dist/global/ej2-navigations.min.js +1 -1
  7. package/dist/global/ej2-navigations.min.js.map +1 -1
  8. package/dist/global/index.d.ts +1 -1
  9. package/package.json +7 -7
  10. package/src/context-menu/context-menu-model.d.ts +1 -1
  11. package/src/context-menu/context-menu.js +1 -1
  12. package/styles/accordion/_bootstrap-dark-definition.scss +1 -1
  13. package/styles/accordion/_bootstrap-definition.scss +1 -1
  14. package/styles/accordion/bootstrap-dark.css +1 -1
  15. package/styles/accordion/bootstrap.css +1 -1
  16. package/styles/bds-lite.css +3 -2
  17. package/styles/bds.css +3 -2
  18. package/styles/bootstrap-dark-lite.css +4 -3
  19. package/styles/bootstrap-dark.css +4 -3
  20. package/styles/bootstrap-lite.css +4 -3
  21. package/styles/bootstrap.css +4 -3
  22. package/styles/bootstrap4-lite.css +3 -2
  23. package/styles/bootstrap4.css +3 -2
  24. package/styles/bootstrap5-dark-lite.css +3 -2
  25. package/styles/bootstrap5-dark.css +3 -2
  26. package/styles/bootstrap5-lite.css +3 -2
  27. package/styles/bootstrap5.3-lite.css +3 -2
  28. package/styles/bootstrap5.3.css +11 -2
  29. package/styles/bootstrap5.css +3 -2
  30. package/styles/fabric-dark-lite.css +3 -2
  31. package/styles/fabric-dark.css +3 -2
  32. package/styles/fabric-lite.css +3 -2
  33. package/styles/fabric.css +3 -2
  34. package/styles/fluent-dark-lite.css +4 -3
  35. package/styles/fluent-dark.css +4 -3
  36. package/styles/fluent-lite.css +4 -3
  37. package/styles/fluent.css +4 -3
  38. package/styles/fluent2-lite.css +7 -3
  39. package/styles/fluent2.css +7 -3
  40. package/styles/h-scroll/_layout.scss +1 -1
  41. package/styles/h-scroll/bds.css +1 -1
  42. package/styles/h-scroll/bootstrap-dark.css +1 -1
  43. package/styles/h-scroll/bootstrap.css +1 -1
  44. package/styles/h-scroll/bootstrap4.css +1 -1
  45. package/styles/h-scroll/bootstrap5-dark.css +1 -1
  46. package/styles/h-scroll/bootstrap5.3.css +1 -1
  47. package/styles/h-scroll/bootstrap5.css +1 -1
  48. package/styles/h-scroll/fabric-dark.css +1 -1
  49. package/styles/h-scroll/fabric.css +1 -1
  50. package/styles/h-scroll/fluent-dark.css +1 -1
  51. package/styles/h-scroll/fluent.css +1 -1
  52. package/styles/h-scroll/fluent2.css +1 -1
  53. package/styles/h-scroll/highcontrast-light.css +1 -1
  54. package/styles/h-scroll/highcontrast.css +1 -1
  55. package/styles/h-scroll/material-dark.css +1 -1
  56. package/styles/h-scroll/material.css +1 -1
  57. package/styles/h-scroll/material3-dark.css +1 -1
  58. package/styles/h-scroll/material3.css +1 -1
  59. package/styles/h-scroll/tailwind-dark.css +1 -1
  60. package/styles/h-scroll/tailwind.css +1 -1
  61. package/styles/h-scroll/tailwind3.css +1 -1
  62. package/styles/highcontrast-light-lite.css +3 -2
  63. package/styles/highcontrast-light.css +3 -2
  64. package/styles/highcontrast-lite.css +3 -2
  65. package/styles/highcontrast.css +3 -2
  66. package/styles/material-dark-lite.css +3 -2
  67. package/styles/material-dark.css +3 -2
  68. package/styles/material-lite.css +3 -2
  69. package/styles/material.css +3 -2
  70. package/styles/material3-dark-lite.css +4 -3
  71. package/styles/material3-dark.css +4 -9
  72. package/styles/material3-lite.css +4 -3
  73. package/styles/material3.css +4 -9
  74. package/styles/menu/_bootstrap-dark-definition.scss +1 -0
  75. package/styles/menu/_bootstrap-definition.scss +1 -0
  76. package/styles/menu/_fluent-definition.scss +1 -1
  77. package/styles/menu/_fluent2-definition.scss +1 -1
  78. package/styles/menu/_layout.scss +7 -1
  79. package/styles/menu/_material3-definition.scss +1 -1
  80. package/styles/menu/bds.css +1 -0
  81. package/styles/menu/bootstrap-dark.css +1 -0
  82. package/styles/menu/bootstrap.css +1 -0
  83. package/styles/menu/bootstrap4.css +1 -0
  84. package/styles/menu/bootstrap5-dark.css +1 -0
  85. package/styles/menu/bootstrap5.3.css +1 -0
  86. package/styles/menu/bootstrap5.css +1 -0
  87. package/styles/menu/fabric-dark.css +1 -0
  88. package/styles/menu/fabric.css +1 -0
  89. package/styles/menu/fluent-dark.css +2 -1
  90. package/styles/menu/fluent.css +2 -1
  91. package/styles/menu/fluent2.css +2 -1
  92. package/styles/menu/highcontrast-light.css +1 -0
  93. package/styles/menu/highcontrast.css +1 -0
  94. package/styles/menu/material-dark.css +1 -0
  95. package/styles/menu/material.css +1 -0
  96. package/styles/menu/material3-dark.css +2 -1
  97. package/styles/menu/material3.css +2 -1
  98. package/styles/menu/tailwind-dark.css +1 -0
  99. package/styles/menu/tailwind.css +1 -0
  100. package/styles/menu/tailwind3.css +1 -0
  101. package/styles/tailwind-dark-lite.css +3 -2
  102. package/styles/tailwind-dark.css +3 -2
  103. package/styles/tailwind-lite.css +3 -2
  104. package/styles/tailwind.css +3 -2
  105. package/styles/tailwind3-lite.css +3 -2
  106. package/styles/tailwind3.css +3 -2
  107. package/styles/toolbar/_layout.scss +1 -1
  108. package/styles/treeview/_bigger.scss +2 -2
  109. package/styles/treeview/_bootstrap5.3-definition.scss +1 -0
  110. package/styles/treeview/_layout.scss +4 -1
  111. package/styles/treeview/bds.css +1 -1
  112. package/styles/treeview/bootstrap-dark.css +1 -1
  113. package/styles/treeview/bootstrap.css +1 -1
  114. package/styles/treeview/bootstrap4.css +1 -1
  115. package/styles/treeview/bootstrap5-dark.css +1 -1
  116. package/styles/treeview/bootstrap5.3.css +9 -1
  117. package/styles/treeview/bootstrap5.css +1 -1
  118. package/styles/treeview/fabric-dark.css +1 -1
  119. package/styles/treeview/fabric.css +1 -1
  120. package/styles/treeview/fluent-dark.css +1 -1
  121. package/styles/treeview/fluent.css +1 -1
  122. package/styles/treeview/fluent2.css +4 -1
  123. package/styles/treeview/highcontrast-light.css +1 -1
  124. package/styles/treeview/highcontrast.css +1 -1
  125. package/styles/treeview/material-dark.css +1 -1
  126. package/styles/treeview/material.css +1 -1
  127. package/styles/treeview/material3-dark.css +1 -7
  128. package/styles/treeview/material3.css +1 -7
  129. package/styles/treeview/tailwind-dark.css +1 -1
  130. package/styles/treeview/tailwind.css +1 -1
  131. package/styles/treeview/tailwind3.css +1 -1
package/styles/material3-lite.css CHANGED
@@ -681,7 +681,7 @@
681
681
  .e-hscroll {
682
682
  display: block;
683
683
  position: relative;
684
- width: inherit;
684
+ width: 100%;
685
685
  }
686
686
  .e-hscroll.e-rtl.e-scroll-device {
687
687
  padding-left: 50px;
@@ -6291,7 +6291,7 @@
6291
6291
  }
6292
6292
  @supports (-webkit-overflow-scrolling: touch) {
6293
6293
  .e-treeview .e-fullrow {
6294
- z-index: -1;
6294
+ z-index: 0;
6295
6295
  }
6296
6296
  }
6297
6297
  .e-treeview .e-checkbox-wrapper {
@@ -7168,7 +7168,7 @@ ejs-sidebar {
7168
7168
  .e-menu-container ul .e-menu-item .e-caret {
7169
7169
  font-size: 14px;
7170
7170
  height: auto;
7171
- line-height: 32px;
7171
+ line-height: 36px;
7172
7172
  position: absolute;
7173
7173
  right: 8px;
7174
7174
  top: 0;
@@ -7232,6 +7232,7 @@ ejs-sidebar {
7232
7232
  .e-menu-wrapper .e-ul .e-menu-item .e-caret,
7233
7233
  .e-menu-container .e-ul .e-menu-item .e-caret {
7234
7234
  font-size: 14px;
7235
+ line-height: 36px;
7235
7236
  }
7236
7237
 
7237
7238
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
package/styles/material3.css CHANGED
@@ -914,7 +914,7 @@
914
914
  .e-hscroll {
915
915
  display: block;
916
916
  position: relative;
917
- width: inherit;
917
+ width: 100%;
918
918
  }
919
919
  .e-hscroll.e-rtl.e-scroll-device {
920
920
  padding-left: 50px;
@@ -8202,7 +8202,7 @@
8202
8202
  }
8203
8203
  @supports (-webkit-overflow-scrolling: touch) {
8204
8204
  .e-treeview .e-fullrow {
8205
- z-index: -1;
8205
+ z-index: 0;
8206
8206
  }
8207
8207
  }
8208
8208
  .e-treeview .e-checkbox-wrapper {
@@ -8816,12 +8816,6 @@
8816
8816
  .e-treeview.e-bigger .e-list-img + .e-list-img {
8817
8817
  margin: 0 0 0 18px;
8818
8818
  }
8819
- .e-bigger .e-treeview .e-icon-collapsible::before,
8820
- .e-bigger .e-treeview .e-icon-expandable::before,
8821
- .e-treeview.e-bigger .e-icon-collapsible::before,
8822
- .e-treeview.e-bigger .e-icon-expandable::before {
8823
- padding: 0 6px;
8824
- }
8825
8819
  .e-bigger .e-treeview.e-rtl .e-ul,
8826
8820
  .e-treeview.e-bigger.e-rtl .e-ul {
8827
8821
  padding: 0 16px 0 0;
@@ -9302,7 +9296,7 @@ ejs-sidebar {
9302
9296
  .e-menu-container ul .e-menu-item .e-caret {
9303
9297
  font-size: 14px;
9304
9298
  height: auto;
9305
- line-height: 32px;
9299
+ line-height: 36px;
9306
9300
  position: absolute;
9307
9301
  right: 8px;
9308
9302
  top: 0;
@@ -9366,6 +9360,7 @@ ejs-sidebar {
9366
9360
  .e-menu-wrapper .e-ul .e-menu-item .e-caret,
9367
9361
  .e-menu-container .e-ul .e-menu-item .e-caret {
9368
9362
  font-size: 14px;
9363
+ line-height: 36px;
9369
9364
  }
9370
9365
 
9371
9366
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
package/styles/menu/_bootstrap-dark-definition.scss CHANGED
@@ -11,6 +11,7 @@ $menu-blank-icon: 34px !default;
11
11
  $menu-ul-header-padding: $menu-ul-padding !default;
12
12
  $menu-separator-padding: 0 !default;
13
13
  $menu-li-height: 42px !default;
14
+ $menu-icon-li-height: 30px !default;
14
15
  $menu-li-padding: 0 15px !default;
15
16
  $menu-li-text-indent: 15px !default;
16
17
  $menu-icon-font-size: 14px !default;
package/styles/menu/_bootstrap-definition.scss CHANGED
@@ -29,6 +29,7 @@ $menu-li-hover-outline-offset: 0 !default;
29
29
  $menu-li-border-style: solid !default;
30
30
  $menu-li-border-width: 1px !default;
31
31
  $menu-li-height: 40px !default;
32
+ $menu-icon-li-height: 30px !default;
32
33
  $menu-li-padding: 0 12px !default;
33
34
  $menu-li-text-indent: 12px !default;
34
35
  $menu-li-right-padding: 12px !default;
package/styles/menu/_fluent-definition.scss CHANGED
@@ -41,7 +41,7 @@ $menu-bigger-hscroll-nav-size: 46px !default;
41
41
  $menu-bigger-vscroll-nav-size: 32px !default;
42
42
  $menu-bigger-scroll-nav-icon-size: $text-lg !default;
43
43
  $menu-header-icon-padding: 0 16px !default;
44
- $menu-icon-li-height: 44px !default;
44
+ $menu-icon-li-height: 40px !default;
45
45
  $menu-li-bgcolor: $content-bg-color-alt3 !default;
46
46
  $menu-li-border-color: $border-light !default;
47
47
  $menu-li-selection-bgcolor: $content-bg-color-alt3 !default;
package/styles/menu/_fluent2-definition.scss CHANGED
@@ -63,5 +63,5 @@ $menu-icon-color: $icon-color !default;
63
63
  $menu-icon-hover-color: $content-text-color-hover !default;
64
64
  $menu-icon-focussed-color: $cmenu-caret-color !default;
65
65
  $menu-caret-color: $icon-color-pressed !default;
66
- $menu-icon-li-height: 42px !default;
66
+ $menu-icon-li-height: 18px !default;
67
67
  $menu-bigger-li-icon-height: 55px !default;
package/styles/menu/_layout.scss CHANGED
@@ -84,7 +84,7 @@
84
84
  & .e-caret {
85
85
  font-size: $menu-caret-font-size;
86
86
  height: auto;
87
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
87
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
88
88
  line-height: $menu-icon-li-height;
89
89
  }
90
90
  @else {
@@ -127,6 +127,12 @@
127
127
  @if $skin-name == 'fluent2' {
128
128
  padding: 9px 0;
129
129
  }
130
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
131
+ line-height: $menu-icon-li-height;
132
+ }
133
+ @else {
134
+ line-height: $menu-li-height;
135
+ }
130
136
  }
131
137
  }
132
138
  }
package/styles/menu/_material3-definition.scss CHANGED
@@ -41,7 +41,7 @@ $menu-bigger-hscroll-nav-size: 40px !default;
41
41
  $menu-bigger-vscroll-nav-size: 32px !default;
42
42
  $menu-bigger-scroll-nav-icon-size: 18px !default;
43
43
  $menu-header-icon-padding: 0 16px !default;
44
- $menu-icon-li-height: 32px !default;
44
+ $menu-icon-li-height: 36px !default;
45
45
  $menu-li-bgcolor: rgba($content-text-color, .08) !default;
46
46
  $menu-li-border-color: rgba($flyout-border) !default;
47
47
  $menu-li-selection-bgcolor: rgba($primary, .08) !default;
package/styles/menu/bds.css CHANGED
@@ -285,6 +285,7 @@
285
285
  .e-menu-wrapper .e-ul .e-menu-item .e-caret,
286
286
  .e-menu-container .e-ul .e-menu-item .e-caret {
287
287
  font-size: 16px;
288
+ line-height: 38px;
288
289
  }
289
290
 
290
291
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
package/styles/menu/bootstrap-dark.css CHANGED
@@ -246,6 +246,7 @@
246
246
  .e-menu-wrapper .e-ul .e-menu-item .e-caret,
247
247
  .e-menu-container .e-ul .e-menu-item .e-caret {
248
248
  font-size: 11px;
249
+ line-height: 30px;
249
250
  }
250
251
 
251
252
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
package/styles/menu/bootstrap.css CHANGED
@@ -248,6 +248,7 @@
248
248
  .e-menu-wrapper .e-ul .e-menu-item .e-caret,
249
249
  .e-menu-container .e-ul .e-menu-item .e-caret {
250
250
  font-size: 10px;
251
+ line-height: 30px;
251
252
  }
252
253
 
253
254
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
package/styles/menu/bootstrap4.css CHANGED
@@ -248,6 +248,7 @@
248
248
  .e-menu-wrapper .e-ul .e-menu-item .e-caret,
249
249
  .e-menu-container .e-ul .e-menu-item .e-caret {
250
250
  font-size: 9px;
251
+ line-height: 30px;
251
252
  }
252
253
 
253
254
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
package/styles/menu/bootstrap5-dark.css CHANGED
@@ -271,6 +271,7 @@
271
271
  .e-menu-wrapper .e-ul .e-menu-item .e-caret,
272
272
  .e-menu-container .e-ul .e-menu-item .e-caret {
273
273
  font-size: 14px;
274
+ line-height: 35px;
274
275
  }
275
276
 
276
277
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
package/styles/menu/bootstrap5.3.css CHANGED
@@ -275,6 +275,7 @@
275
275
  .e-menu-wrapper .e-ul .e-menu-item .e-caret,
276
276
  .e-menu-container .e-ul .e-menu-item .e-caret {
277
277
  font-size: 12px;
278
+ line-height: 35px;
278
279
  }
279
280
 
280
281
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
package/styles/menu/bootstrap5.css CHANGED
@@ -271,6 +271,7 @@
271
271
  .e-menu-wrapper .e-ul .e-menu-item .e-caret,
272
272
  .e-menu-container .e-ul .e-menu-item .e-caret {
273
273
  font-size: 14px;
274
+ line-height: 35px;
274
275
  }
275
276
 
276
277
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
package/styles/menu/fabric-dark.css CHANGED
@@ -246,6 +246,7 @@
246
246
  .e-menu-wrapper .e-ul .e-menu-item .e-caret,
247
247
  .e-menu-container .e-ul .e-menu-item .e-caret {
248
248
  font-size: 12px;
249
+ line-height: 42px;
249
250
  }
250
251
 
251
252
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
package/styles/menu/fabric.css CHANGED
@@ -247,6 +247,7 @@
247
247
  .e-menu-wrapper .e-ul .e-menu-item .e-caret,
248
248
  .e-menu-container .e-ul .e-menu-item .e-caret {
249
249
  font-size: 12px;
250
+ line-height: 42px;
250
251
  }
251
252
 
252
253
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
package/styles/menu/fluent-dark.css CHANGED
@@ -207,7 +207,7 @@
207
207
  .e-menu-container ul .e-menu-item .e-caret {
208
208
  font-size: 14px;
209
209
  height: auto;
210
- line-height: 44px;
210
+ line-height: 40px;
211
211
  position: absolute;
212
212
  right: 8px;
213
213
  top: 0;
@@ -271,6 +271,7 @@
271
271
  .e-menu-wrapper .e-ul .e-menu-item .e-caret,
272
272
  .e-menu-container .e-ul .e-menu-item .e-caret {
273
273
  font-size: 14px;
274
+ line-height: 40px;
274
275
  }
275
276
 
276
277
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
package/styles/menu/fluent.css CHANGED
@@ -207,7 +207,7 @@
207
207
  .e-menu-container ul .e-menu-item .e-caret {
208
208
  font-size: 14px;
209
209
  height: auto;
210
- line-height: 44px;
210
+ line-height: 40px;
211
211
  position: absolute;
212
212
  right: 8px;
213
213
  top: 0;
@@ -271,6 +271,7 @@
271
271
  .e-menu-wrapper .e-ul .e-menu-item .e-caret,
272
272
  .e-menu-container .e-ul .e-menu-item .e-caret {
273
273
  font-size: 14px;
274
+ line-height: 40px;
274
275
  }
275
276
 
276
277
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
package/styles/menu/fluent2.css CHANGED
@@ -217,7 +217,7 @@
217
217
  .e-menu-container ul .e-menu-item .e-caret {
218
218
  font-size: 14px;
219
219
  height: auto;
220
- line-height: 42px;
220
+ line-height: 40px;
221
221
  position: absolute;
222
222
  right: 8px;
223
223
  top: 0;
@@ -285,6 +285,7 @@
285
285
  .e-menu-container .e-ul .e-menu-item .e-caret {
286
286
  font-size: 14px;
287
287
  padding: 9px 0;
288
+ line-height: 18px;
288
289
  }
289
290
 
290
291
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
package/styles/menu/highcontrast-light.css CHANGED
@@ -246,6 +246,7 @@
246
246
  .e-menu-wrapper .e-ul .e-menu-item .e-caret,
247
247
  .e-menu-container .e-ul .e-menu-item .e-caret {
248
248
  font-size: 12px;
249
+ line-height: 36px;
249
250
  }
250
251
 
251
252
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
package/styles/menu/highcontrast.css CHANGED
@@ -247,6 +247,7 @@
247
247
  .e-menu-wrapper .e-ul .e-menu-item .e-caret,
248
248
  .e-menu-container .e-ul .e-menu-item .e-caret {
249
249
  font-size: 10px;
250
+ line-height: 40px;
250
251
  }
251
252
 
252
253
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
package/styles/menu/material-dark.css CHANGED
@@ -290,6 +290,7 @@
290
290
  .e-menu-wrapper .e-ul .e-menu-item .e-caret,
291
291
  .e-menu-container .e-ul .e-menu-item .e-caret {
292
292
  font-size: 12px;
293
+ line-height: 42px;
293
294
  }
294
295
 
295
296
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
package/styles/menu/material.css CHANGED
@@ -292,6 +292,7 @@
292
292
  .e-menu-wrapper .e-ul .e-menu-item .e-caret,
293
293
  .e-menu-container .e-ul .e-menu-item .e-caret {
294
294
  font-size: 11px;
295
+ line-height: 42px;
295
296
  }
296
297
 
297
298
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
package/styles/menu/material3-dark.css CHANGED
@@ -209,7 +209,7 @@
209
209
  .e-menu-container ul .e-menu-item .e-caret {
210
210
  font-size: 14px;
211
211
  height: auto;
212
- line-height: 32px;
212
+ line-height: 36px;
213
213
  position: absolute;
214
214
  right: 8px;
215
215
  top: 0;
@@ -273,6 +273,7 @@
273
273
  .e-menu-wrapper .e-ul .e-menu-item .e-caret,
274
274
  .e-menu-container .e-ul .e-menu-item .e-caret {
275
275
  font-size: 14px;
276
+ line-height: 36px;
276
277
  }
277
278
 
278
279
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
package/styles/menu/material3.css CHANGED
@@ -211,7 +211,7 @@
211
211
  .e-menu-container ul .e-menu-item .e-caret {
212
212
  font-size: 14px;
213
213
  height: auto;
214
- line-height: 32px;
214
+ line-height: 36px;
215
215
  position: absolute;
216
216
  right: 8px;
217
217
  top: 0;
@@ -275,6 +275,7 @@
275
275
  .e-menu-wrapper .e-ul .e-menu-item .e-caret,
276
276
  .e-menu-container .e-ul .e-menu-item .e-caret {
277
277
  font-size: 14px;
278
+ line-height: 36px;
278
279
  }
279
280
 
280
281
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
package/styles/menu/tailwind-dark.css CHANGED
@@ -271,6 +271,7 @@
271
271
  .e-menu-wrapper .e-ul .e-menu-item .e-caret,
272
272
  .e-menu-container .e-ul .e-menu-item .e-caret {
273
273
  font-size: 16px;
274
+ line-height: 38px;
274
275
  }
275
276
 
276
277
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
package/styles/menu/tailwind.css CHANGED
@@ -271,6 +271,7 @@
271
271
  .e-menu-wrapper .e-ul .e-menu-item .e-caret,
272
272
  .e-menu-container .e-ul .e-menu-item .e-caret {
273
273
  font-size: 16px;
274
+ line-height: 38px;
274
275
  }
275
276
 
276
277
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
package/styles/menu/tailwind3.css CHANGED
@@ -278,6 +278,7 @@
278
278
  .e-menu-wrapper .e-ul .e-menu-item .e-caret,
279
279
  .e-menu-container .e-ul .e-menu-item .e-caret {
280
280
  font-size: 14px;
281
+ line-height: 38px;
281
282
  }
282
283
 
283
284
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
package/styles/tailwind-dark-lite.css CHANGED
@@ -714,7 +714,7 @@
714
714
  .e-hscroll {
715
715
  display: block;
716
716
  position: relative;
717
- width: inherit;
717
+ width: 100%;
718
718
  }
719
719
  .e-hscroll.e-rtl.e-scroll-device {
720
720
  padding-left: 40px;
@@ -6318,7 +6318,7 @@
6318
6318
  }
6319
6319
  @supports (-webkit-overflow-scrolling: touch) {
6320
6320
  .e-treeview .e-fullrow {
6321
- z-index: -1;
6321
+ z-index: 0;
6322
6322
  }
6323
6323
  }
6324
6324
  .e-treeview .e-checkbox-wrapper {
@@ -7257,6 +7257,7 @@ ejs-sidebar {
7257
7257
  .e-menu-wrapper .e-ul .e-menu-item .e-caret,
7258
7258
  .e-menu-container .e-ul .e-menu-item .e-caret {
7259
7259
  font-size: 16px;
7260
+ line-height: 38px;
7260
7261
  }
7261
7262
 
7262
7263
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
package/styles/tailwind-dark.css CHANGED
@@ -975,7 +975,7 @@
975
975
  .e-hscroll {
976
976
  display: block;
977
977
  position: relative;
978
- width: inherit;
978
+ width: 100%;
979
979
  }
980
980
  .e-hscroll.e-rtl.e-scroll-device {
981
981
  padding-left: 40px;
@@ -8255,7 +8255,7 @@
8255
8255
  }
8256
8256
  @supports (-webkit-overflow-scrolling: touch) {
8257
8257
  .e-treeview .e-fullrow {
8258
- z-index: -1;
8258
+ z-index: 0;
8259
8259
  }
8260
8260
  }
8261
8261
  .e-treeview .e-checkbox-wrapper {
@@ -9439,6 +9439,7 @@ ejs-sidebar {
9439
9439
  .e-menu-wrapper .e-ul .e-menu-item .e-caret,
9440
9440
  .e-menu-container .e-ul .e-menu-item .e-caret {
9441
9441
  font-size: 16px;
9442
+ line-height: 38px;
9442
9443
  }
9443
9444
 
9444
9445
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
package/styles/tailwind-lite.css CHANGED
@@ -714,7 +714,7 @@
714
714
  .e-hscroll {
715
715
  display: block;
716
716
  position: relative;
717
- width: inherit;
717
+ width: 100%;
718
718
  }
719
719
  .e-hscroll.e-rtl.e-scroll-device {
720
720
  padding-left: 40px;
@@ -6318,7 +6318,7 @@
6318
6318
  }
6319
6319
  @supports (-webkit-overflow-scrolling: touch) {
6320
6320
  .e-treeview .e-fullrow {
6321
- z-index: -1;
6321
+ z-index: 0;
6322
6322
  }
6323
6323
  }
6324
6324
  .e-treeview .e-checkbox-wrapper {
@@ -7257,6 +7257,7 @@ ejs-sidebar {
7257
7257
  .e-menu-wrapper .e-ul .e-menu-item .e-caret,
7258
7258
  .e-menu-container .e-ul .e-menu-item .e-caret {
7259
7259
  font-size: 16px;
7260
+ line-height: 38px;
7260
7261
  }
7261
7262
 
7262
7263
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
package/styles/tailwind.css CHANGED
@@ -975,7 +975,7 @@
975
975
  .e-hscroll {
976
976
  display: block;
977
977
  position: relative;
978
- width: inherit;
978
+ width: 100%;
979
979
  }
980
980
  .e-hscroll.e-rtl.e-scroll-device {
981
981
  padding-left: 40px;
@@ -8255,7 +8255,7 @@
8255
8255
  }
8256
8256
  @supports (-webkit-overflow-scrolling: touch) {
8257
8257
  .e-treeview .e-fullrow {
8258
- z-index: -1;
8258
+ z-index: 0;
8259
8259
  }
8260
8260
  }
8261
8261
  .e-treeview .e-checkbox-wrapper {
@@ -9439,6 +9439,7 @@ ejs-sidebar {
9439
9439
  .e-menu-wrapper .e-ul .e-menu-item .e-caret,
9440
9440
  .e-menu-container .e-ul .e-menu-item .e-caret {
9441
9441
  font-size: 16px;
9442
+ line-height: 38px;
9442
9443
  }
9443
9444
 
9444
9445
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
package/styles/tailwind3-lite.css CHANGED
@@ -677,7 +677,7 @@
677
677
  .e-hscroll {
678
678
  display: block;
679
679
  position: relative;
680
- width: inherit;
680
+ width: 100%;
681
681
  }
682
682
  .e-hscroll.e-rtl.e-scroll-device {
683
683
  padding-left: 40px;
@@ -6311,7 +6311,7 @@
6311
6311
  }
6312
6312
  @supports (-webkit-overflow-scrolling: touch) {
6313
6313
  .e-treeview .e-fullrow {
6314
- z-index: -1;
6314
+ z-index: 0;
6315
6315
  }
6316
6316
  }
6317
6317
  .e-treeview .e-checkbox-wrapper {
@@ -7250,6 +7250,7 @@ ejs-sidebar {
7250
7250
  .e-menu-wrapper .e-ul .e-menu-item .e-caret,
7251
7251
  .e-menu-container .e-ul .e-menu-item .e-caret {
7252
7252
  font-size: 14px;
7253
+ line-height: 38px;
7253
7254
  }
7254
7255
 
7255
7256
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
package/styles/tailwind3.css CHANGED
@@ -939,7 +939,7 @@
939
939
  .e-hscroll {
940
940
  display: block;
941
941
  position: relative;
942
- width: inherit;
942
+ width: 100%;
943
943
  }
944
944
  .e-hscroll.e-rtl.e-scroll-device {
945
945
  padding-left: 40px;
@@ -8280,7 +8280,7 @@
8280
8280
  }
8281
8281
  @supports (-webkit-overflow-scrolling: touch) {
8282
8282
  .e-treeview .e-fullrow {
8283
- z-index: -1;
8283
+ z-index: 0;
8284
8284
  }
8285
8285
  }
8286
8286
  .e-treeview .e-checkbox-wrapper {
@@ -9375,6 +9375,7 @@ ejs-sidebar {
9375
9375
  .e-menu-wrapper .e-ul .e-menu-item .e-caret,
9376
9376
  .e-menu-container .e-ul .e-menu-item .e-caret {
9377
9377
  font-size: 14px;
9378
+ line-height: 38px;
9378
9379
  }
9379
9380
 
9380
9381
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
package/styles/toolbar/_layout.scss CHANGED
@@ -723,7 +723,7 @@
723
723
  margin-right: 0;
724
724
  }
725
725
  }
726
-
726
+
727
727
  > .e-toolbar-right .e-toolbar-item {
728
728
 
729
729
  &:last-child {
package/styles/treeview/_bigger.scss CHANGED
@@ -230,7 +230,7 @@
230
230
 
231
231
  .e-icon-collapsible,
232
232
  .e-icon-expandable {
233
- @if $skin-name == 'bootstrap4' {
233
+ @if $skin-name == 'bootstrap4' or $skin-name == 'bootstrap5.3' {
234
234
  height: $treeview-big-icon-size;
235
235
  margin: $treeview-big-icon-margin;
236
236
  width: $treeview-big-icon-size;
@@ -242,7 +242,7 @@
242
242
  }
243
243
 
244
244
  &::before {
245
- @if $skin-name != 'tailwind3' {
245
+ @if $skin-name != 'tailwind3' and $skin-name != 'Material3' {
246
246
  padding: $treeview-big-icon-padding;
247
247
  }
248
248
  }
package/styles/treeview/_bootstrap5.3-definition.scss CHANGED
@@ -13,6 +13,7 @@ $treeview-rtl-child-ul-padding: 0 20px 0 0 !default;
13
13
  $treeview-text-wrap-padding: 0 0 0 20px !default;
14
14
  $treeview-rtl-text-wrap-padding: 0 20px 0 0 !default;
15
15
  $treeview-icon-size: 20px !default;
16
+ $treeview-big-icon-size: 24px !default;
16
17
  $treeview-icon-margin: 0 4px 0 -24px !default;
17
18
  $treeview-rtl-icon-margin: 0 -20px 0 0 !default;
18
19
  $treeview-icon-padding: 0px !default;
package/styles/treeview/_layout.scss CHANGED
@@ -146,6 +146,9 @@
146
146
  .e-checkbox-wrapper .e-frame {
147
147
  margin-right: 0;
148
148
  }
149
+ .e-list-item:last-child:not(.e-level-1) {
150
+ padding-bottom: 0;
151
+ }
149
152
  }
150
153
 
151
154
  .e-ul {
@@ -267,7 +270,7 @@
267
270
  }
268
271
 
269
272
  @supports (-webkit-overflow-scrolling: touch) {
270
- z-index: -1;
273
+ z-index: 0;
271
274
  }
272
275
  }
273
276
 
package/styles/treeview/bds.css CHANGED
@@ -324,7 +324,7 @@
324
324
  }
325
325
  @supports (-webkit-overflow-scrolling: touch) {
326
326
  .e-treeview .e-fullrow {
327
- z-index: -1;
327
+ z-index: 0;
328
328
  }
329
329
  }
330
330
  .e-treeview .e-checkbox-wrapper {
package/styles/treeview/bootstrap-dark.css CHANGED
@@ -171,7 +171,7 @@
171
171
  }
172
172
  @supports (-webkit-overflow-scrolling: touch) {
173
173
  .e-treeview .e-fullrow {
174
- z-index: -1;
174
+ z-index: 0;
175
175
  }
176
176
  }
177
177
  .e-treeview .e-checkbox-wrapper {
package/styles/treeview/bootstrap.css CHANGED
@@ -172,7 +172,7 @@
172
172
  }
173
173
  @supports (-webkit-overflow-scrolling: touch) {
174
174
  .e-treeview .e-fullrow {
175
- z-index: -1;
175
+ z-index: 0;
176
176
  }
177
177
  }
178
178
  .e-treeview .e-checkbox-wrapper {
package/styles/treeview/bootstrap4.css CHANGED
@@ -171,7 +171,7 @@
171
171
  }
172
172
  @supports (-webkit-overflow-scrolling: touch) {
173
173
  .e-treeview .e-fullrow {
174
- z-index: -1;
174
+ z-index: 0;
175
175
  }
176
176
  }
177
177
  .e-treeview .e-checkbox-wrapper {
package/styles/treeview/bootstrap5-dark.css CHANGED
@@ -172,7 +172,7 @@
172
172
  }
173
173
  @supports (-webkit-overflow-scrolling: touch) {
174
174
  .e-treeview .e-fullrow {
175
- z-index: -1;
175
+ z-index: 0;
176
176
  }
177
177
  }
178
178
  .e-treeview .e-checkbox-wrapper {