@syncfusion/ej2-angular-navigations 20.1.61 → 20.2.36-ngcc

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 (139) hide show
  1. package/@syncfusion/ej2-angular-navigations.es5.js +2 -2
  2. package/@syncfusion/ej2-angular-navigations.es5.js.map +1 -1
  3. package/@syncfusion/ej2-angular-navigations.js +2 -2
  4. package/@syncfusion/ej2-angular-navigations.js.map +1 -1
  5. package/CHANGELOG.md +73 -0
  6. package/dist/ej2-angular-navigations.umd.js +2 -3
  7. package/dist/ej2-angular-navigations.umd.js.map +1 -1
  8. package/dist/ej2-angular-navigations.umd.min.js +2 -2
  9. package/dist/ej2-angular-navigations.umd.min.js.map +1 -1
  10. package/ej2-angular-navigations.metadata.json +1 -1
  11. package/package.json +8 -8
  12. package/schematics/generators/accordion-default/schema.json +3 -2
  13. package/schematics/generators/accordion-html-template/schema.json +3 -2
  14. package/schematics/generators/accordion-multiple-expand/schema.json +3 -2
  15. package/schematics/generators/accordion-nested/schema.json +3 -2
  16. package/schematics/generators/contextmenu-default/schema.json +3 -2
  17. package/schematics/generators/menu-default/schema.json +3 -2
  18. package/schematics/generators/sidebar-backdrop/schema.json +3 -2
  19. package/schematics/generators/sidebar-dock/schema.json +3 -2
  20. package/schematics/generators/sidebar-target/schema.json +3 -2
  21. package/schematics/generators/sidebar-types/schema.json +3 -2
  22. package/schematics/generators/tab-html-template/schema.json +3 -2
  23. package/schematics/generators/tab-icon/schema.json +3 -2
  24. package/schematics/generators/tab-nested/schema.json +3 -2
  25. package/schematics/generators/tab-popup/schema.json +3 -2
  26. package/schematics/generators/tab-scrollable/schema.json +3 -2
  27. package/schematics/generators/tab-vertical/schema.json +3 -2
  28. package/schematics/generators/toolbar-alignment/schema.json +3 -2
  29. package/schematics/generators/toolbar-extended/schema.json +3 -2
  30. package/schematics/generators/toolbar-html-template/schema.json +3 -2
  31. package/schematics/generators/toolbar-multi-row/schema.json +3 -2
  32. package/schematics/generators/toolbar-popup/schema.json +3 -2
  33. package/schematics/generators/toolbar-scrollable/schema.json +3 -2
  34. package/schematics/generators/treeview-checkbox/schema.json +3 -2
  35. package/schematics/generators/treeview-default/schema.json +3 -2
  36. package/schematics/generators/treeview-draganddrop/schema.json +3 -2
  37. package/schematics/generators/treeview-multiselection/schema.json +3 -2
  38. package/schematics/generators/treeview-nodeediting/schema.json +3 -2
  39. package/schematics/generators/treeview-remotedata/schema.json +3 -2
  40. package/schematics/generators/treeview-treetemplate/schema.json +3 -2
  41. package/schematics/utils/lib-details.d.ts +2 -2
  42. package/schematics/utils/lib-details.js +2 -2
  43. package/schematics/utils/lib-details.ts +2 -2
  44. package/styles/bootstrap-dark.css +743 -14
  45. package/styles/bootstrap-dark.scss +1 -0
  46. package/styles/bootstrap.css +744 -14
  47. package/styles/bootstrap.scss +1 -0
  48. package/styles/bootstrap4.css +745 -14
  49. package/styles/bootstrap4.scss +1 -0
  50. package/styles/bootstrap5-dark.css +789 -14
  51. package/styles/bootstrap5-dark.scss +1 -0
  52. package/styles/bootstrap5.css +789 -14
  53. package/styles/bootstrap5.scss +1 -0
  54. package/styles/breadcrumb/fluent-dark.css +5 -4
  55. package/styles/breadcrumb/fluent.css +5 -4
  56. package/styles/carousel/bootstrap-dark.css +23 -14
  57. package/styles/carousel/bootstrap.css +23 -14
  58. package/styles/carousel/bootstrap4.css +23 -14
  59. package/styles/carousel/bootstrap5-dark.css +23 -14
  60. package/styles/carousel/bootstrap5.css +23 -14
  61. package/styles/carousel/fabric-dark.css +23 -14
  62. package/styles/carousel/fabric.css +23 -14
  63. package/styles/carousel/fluent-dark.css +23 -14
  64. package/styles/carousel/fluent.css +23 -14
  65. package/styles/carousel/highcontrast-light.css +23 -14
  66. package/styles/carousel/highcontrast.css +23 -14
  67. package/styles/carousel/material-dark.css +23 -14
  68. package/styles/carousel/material.css +23 -14
  69. package/styles/carousel/tailwind-dark.css +23 -14
  70. package/styles/carousel/tailwind.css +23 -14
  71. package/styles/context-menu/bootstrap-dark.css +33 -0
  72. package/styles/context-menu/bootstrap.css +34 -0
  73. package/styles/context-menu/bootstrap4.css +34 -0
  74. package/styles/context-menu/bootstrap5-dark.css +44 -0
  75. package/styles/context-menu/bootstrap5.css +44 -0
  76. package/styles/context-menu/fabric-dark.css +33 -0
  77. package/styles/context-menu/fabric.css +34 -0
  78. package/styles/context-menu/fluent-dark.css +44 -0
  79. package/styles/context-menu/fluent.css +44 -0
  80. package/styles/context-menu/highcontrast-light.css +33 -0
  81. package/styles/context-menu/highcontrast.css +34 -0
  82. package/styles/context-menu/material-dark.css +51 -0
  83. package/styles/context-menu/material.css +53 -0
  84. package/styles/context-menu/tailwind-dark.css +44 -0
  85. package/styles/context-menu/tailwind.css +44 -0
  86. package/styles/fabric-dark.css +743 -14
  87. package/styles/fabric-dark.scss +1 -0
  88. package/styles/fabric.css +744 -14
  89. package/styles/fabric.scss +1 -0
  90. package/styles/fluent-dark.css +762 -19
  91. package/styles/fluent-dark.scss +1 -0
  92. package/styles/fluent.css +762 -19
  93. package/styles/fluent.scss +1 -0
  94. package/styles/highcontrast-light.css +743 -14
  95. package/styles/highcontrast-light.scss +1 -0
  96. package/styles/highcontrast.css +744 -14
  97. package/styles/highcontrast.scss +1 -0
  98. package/styles/material-dark.css +762 -15
  99. package/styles/material-dark.scss +1 -0
  100. package/styles/material.css +763 -14
  101. package/styles/material.scss +1 -0
  102. package/styles/menu/bootstrap4.css +1 -0
  103. package/styles/menu/fluent-dark.css +1 -1
  104. package/styles/menu/fluent.css +1 -1
  105. package/styles/pager/bootstrap-dark.css +686 -0
  106. package/styles/pager/bootstrap-dark.scss +1 -0
  107. package/styles/pager/bootstrap.css +686 -0
  108. package/styles/pager/bootstrap.scss +1 -0
  109. package/styles/pager/bootstrap4.css +686 -0
  110. package/styles/pager/bootstrap4.scss +1 -0
  111. package/styles/pager/bootstrap5-dark.css +721 -0
  112. package/styles/pager/bootstrap5-dark.scss +1 -0
  113. package/styles/pager/bootstrap5.css +721 -0
  114. package/styles/pager/bootstrap5.scss +1 -0
  115. package/styles/pager/fabric-dark.css +686 -0
  116. package/styles/pager/fabric-dark.scss +1 -0
  117. package/styles/pager/fabric.css +686 -0
  118. package/styles/pager/fabric.scss +1 -0
  119. package/styles/pager/fluent-dark.css +688 -0
  120. package/styles/pager/fluent-dark.scss +1 -0
  121. package/styles/pager/fluent.css +688 -0
  122. package/styles/pager/fluent.scss +1 -0
  123. package/styles/pager/highcontrast-light.css +686 -0
  124. package/styles/pager/highcontrast-light.scss +1 -0
  125. package/styles/pager/highcontrast.css +686 -0
  126. package/styles/pager/highcontrast.scss +1 -0
  127. package/styles/pager/material-dark.css +687 -0
  128. package/styles/pager/material-dark.scss +1 -0
  129. package/styles/pager/material.css +687 -0
  130. package/styles/pager/material.scss +1 -0
  131. package/styles/pager/tailwind-dark.css +813 -0
  132. package/styles/pager/tailwind-dark.scss +1 -0
  133. package/styles/pager/tailwind.css +813 -0
  134. package/styles/pager/tailwind.scss +1 -0
  135. package/styles/tab/material-dark.css +1 -1
  136. package/styles/tailwind-dark.css +882 -15
  137. package/styles/tailwind-dark.scss +1 -0
  138. package/styles/tailwind.css +882 -15
  139. package/styles/tailwind.scss +1 -0
package/styles/context-menu/bootstrap5-dark.css CHANGED
@@ -1,3 +1,14 @@
1
+ /*! component's theme wise override definitions and variables */
2
+ @keyframes hscroll-popup-shadow {
3
+ 0% {
4
+ border-color: rgba(255, 255, 255, 0.5);
5
+ box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
6
+ }
7
+ 100% {
8
+ box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
9
+ }
10
+ }
11
+ /*! component's theme wise override definitions and variables */
1
12
  /*! contextmenu layout */
2
13
  .e-contextmenu-wrapper ul .e-menu-item .e-previous::before,
3
14
  .e-contextmenu-container ul .e-menu-item .e-previous::before {
@@ -168,6 +179,29 @@
168
179
  border: 0;
169
180
  margin: 0;
170
181
  }
182
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
183
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
184
+ box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
185
+ }
186
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-vscroll-bar,
187
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-vscroll-bar {
188
+ height: 100%;
189
+ width: inherit;
190
+ }
191
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav,
192
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav {
193
+ height: 16px;
194
+ }
195
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll:not(.e-scroll-device),
196
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll:not(.e-scroll-device) {
197
+ padding: 16px 0;
198
+ }
199
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll ul,
200
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll ul {
201
+ box-shadow: none;
202
+ margin-top: -12px;
203
+ width: inherit;
204
+ }
171
205
 
172
206
  .e-rtl.e-contextmenu-wrapper .e-menu-item .e-menu-icon,
173
207
  .e-rtl.e-contextmenu-container .e-menu-item .e-menu-icon {
@@ -333,4 +367,14 @@
333
367
  .e-contextmenu-wrapper ul .e-separator,
334
368
  .e-contextmenu-container ul .e-separator {
335
369
  border-bottom-color: #444c54;
370
+ }
371
+
372
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
373
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
374
+ background-color: inherit;
375
+ border: 1px solid #444c54;
376
+ }
377
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav,
378
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav {
379
+ border-color: #444c54;
336
380
  }
package/styles/context-menu/bootstrap5.css CHANGED
@@ -1,3 +1,14 @@
1
+ /*! component's theme wise override definitions and variables */
2
+ @keyframes hscroll-popup-shadow {
3
+ 0% {
4
+ border-color: rgba(255, 255, 255, 0.5);
5
+ box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
6
+ }
7
+ 100% {
8
+ box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
9
+ }
10
+ }
11
+ /*! component's theme wise override definitions and variables */
1
12
  /*! contextmenu layout */
2
13
  .e-contextmenu-wrapper ul .e-menu-item .e-previous::before,
3
14
  .e-contextmenu-container ul .e-menu-item .e-previous::before {
@@ -168,6 +179,29 @@
168
179
  border: 0;
169
180
  margin: 0;
170
181
  }
182
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
183
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
184
+ box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
185
+ }
186
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-vscroll-bar,
187
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-vscroll-bar {
188
+ height: 100%;
189
+ width: inherit;
190
+ }
191
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav,
192
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav {
193
+ height: 16px;
194
+ }
195
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll:not(.e-scroll-device),
196
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll:not(.e-scroll-device) {
197
+ padding: 16px 0;
198
+ }
199
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll ul,
200
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll ul {
201
+ box-shadow: none;
202
+ margin-top: -12px;
203
+ width: inherit;
204
+ }
171
205
 
172
206
  .e-rtl.e-contextmenu-wrapper .e-menu-item .e-menu-icon,
173
207
  .e-rtl.e-contextmenu-container .e-menu-item .e-menu-icon {
@@ -333,4 +367,14 @@
333
367
  .e-contextmenu-wrapper ul .e-separator,
334
368
  .e-contextmenu-container ul .e-separator {
335
369
  border-bottom-color: #dee2e6;
370
+ }
371
+
372
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
373
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
374
+ background-color: inherit;
375
+ border: 1px solid #dee2e6;
376
+ }
377
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav,
378
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav {
379
+ border-color: #dee2e6;
336
380
  }
package/styles/context-menu/fabric-dark.css CHANGED
@@ -167,6 +167,29 @@
167
167
  border: 0;
168
168
  margin: 0;
169
169
  }
170
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
171
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
172
+ box-shadow: 0 3px 8px rgba(0, 0, 0, 0.26);
173
+ }
174
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-vscroll-bar,
175
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-vscroll-bar {
176
+ height: 100%;
177
+ width: inherit;
178
+ }
179
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav,
180
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav {
181
+ height: 16px;
182
+ }
183
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll:not(.e-scroll-device),
184
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll:not(.e-scroll-device) {
185
+ padding: 16px 0;
186
+ }
187
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll ul,
188
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll ul {
189
+ box-shadow: none;
190
+ margin-top: -12px;
191
+ width: inherit;
192
+ }
170
193
 
171
194
  .e-rtl.e-contextmenu-wrapper .e-menu-item .e-menu-icon,
172
195
  .e-rtl.e-contextmenu-container .e-menu-item .e-menu-icon {
@@ -330,4 +353,14 @@
330
353
  .e-contextmenu-wrapper ul .e-separator,
331
354
  .e-contextmenu-container ul .e-separator {
332
355
  border-bottom-color: #414040;
356
+ }
357
+
358
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
359
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
360
+ background-color: inherit;
361
+ border: 1px solid #414040;
362
+ }
363
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav,
364
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav {
365
+ border-color: #414040;
333
366
  }
package/styles/context-menu/fabric.css CHANGED
@@ -1,3 +1,4 @@
1
+ /*! component's theme wise override definitions and variables */
1
2
  /*! contextmenu layout */
2
3
  .e-contextmenu-wrapper ul .e-menu-item .e-previous::before,
3
4
  .e-contextmenu-container ul .e-menu-item .e-previous::before {
@@ -167,6 +168,29 @@
167
168
  border: 0;
168
169
  margin: 0;
169
170
  }
171
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
172
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
173
+ box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
174
+ }
175
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-vscroll-bar,
176
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-vscroll-bar {
177
+ height: 100%;
178
+ width: inherit;
179
+ }
180
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav,
181
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav {
182
+ height: 16px;
183
+ }
184
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll:not(.e-scroll-device),
185
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll:not(.e-scroll-device) {
186
+ padding: 16px 0;
187
+ }
188
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll ul,
189
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll ul {
190
+ box-shadow: none;
191
+ margin-top: -12px;
192
+ width: inherit;
193
+ }
170
194
 
171
195
  .e-rtl.e-contextmenu-wrapper .e-menu-item .e-menu-icon,
172
196
  .e-rtl.e-contextmenu-container .e-menu-item .e-menu-icon {
@@ -330,4 +354,14 @@
330
354
  .e-contextmenu-wrapper ul .e-separator,
331
355
  .e-contextmenu-container ul .e-separator {
332
356
  border-bottom-color: #eaeaea;
357
+ }
358
+
359
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
360
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
361
+ background-color: inherit;
362
+ border: 1px solid #eaeaea;
363
+ }
364
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav,
365
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav {
366
+ border-color: #eaeaea;
333
367
  }
package/styles/context-menu/fluent-dark.css CHANGED
@@ -1,3 +1,14 @@
1
+ /*! component's theme wise override definitions and variables */
2
+ @keyframes hscroll-popup-shadow {
3
+ 0% {
4
+ border-color: rgba(255, 255, 255, 0.5);
5
+ box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
6
+ }
7
+ 100% {
8
+ box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
9
+ }
10
+ }
11
+ /*! component's theme wise override definitions and variables */
1
12
  /*! contextmenu layout */
2
13
  .e-contextmenu-wrapper ul .e-menu-item .e-previous::before,
3
14
  .e-contextmenu-container ul .e-menu-item .e-previous::before {
@@ -167,6 +178,29 @@
167
178
  border: 0;
168
179
  margin: 0;
169
180
  }
181
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
182
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
183
+ box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
184
+ }
185
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-vscroll-bar,
186
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-vscroll-bar {
187
+ height: 100%;
188
+ width: inherit;
189
+ }
190
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav,
191
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav {
192
+ height: 16px;
193
+ }
194
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll:not(.e-scroll-device),
195
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll:not(.e-scroll-device) {
196
+ padding: 16px 0;
197
+ }
198
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll ul,
199
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll ul {
200
+ box-shadow: none;
201
+ margin-top: -12px;
202
+ width: inherit;
203
+ }
170
204
 
171
205
  .e-rtl.e-contextmenu-wrapper .e-menu-item .e-menu-icon,
172
206
  .e-rtl.e-contextmenu-container .e-menu-item .e-menu-icon {
@@ -331,4 +365,14 @@
331
365
  .e-contextmenu-wrapper ul .e-separator,
332
366
  .e-contextmenu-container ul .e-separator {
333
367
  border-bottom-color: #292827;
368
+ }
369
+
370
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
371
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
372
+ background-color: inherit;
373
+ border: 1px solid #292827;
374
+ }
375
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav,
376
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav {
377
+ border-color: #292827;
334
378
  }
package/styles/context-menu/fluent.css CHANGED
@@ -1,3 +1,14 @@
1
+ /*! component's theme wise override definitions and variables */
2
+ @keyframes hscroll-popup-shadow {
3
+ 0% {
4
+ border-color: rgba(255, 255, 255, 0.5);
5
+ box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
6
+ }
7
+ 100% {
8
+ box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
9
+ }
10
+ }
11
+ /*! component's theme wise override definitions and variables */
1
12
  /*! contextmenu layout */
2
13
  .e-contextmenu-wrapper ul .e-menu-item .e-previous::before,
3
14
  .e-contextmenu-container ul .e-menu-item .e-previous::before {
@@ -167,6 +178,29 @@
167
178
  border: 0;
168
179
  margin: 0;
169
180
  }
181
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
182
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
183
+ box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
184
+ }
185
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-vscroll-bar,
186
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-vscroll-bar {
187
+ height: 100%;
188
+ width: inherit;
189
+ }
190
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav,
191
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav {
192
+ height: 16px;
193
+ }
194
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll:not(.e-scroll-device),
195
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll:not(.e-scroll-device) {
196
+ padding: 16px 0;
197
+ }
198
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll ul,
199
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll ul {
200
+ box-shadow: none;
201
+ margin-top: -12px;
202
+ width: inherit;
203
+ }
170
204
 
171
205
  .e-rtl.e-contextmenu-wrapper .e-menu-item .e-menu-icon,
172
206
  .e-rtl.e-contextmenu-container .e-menu-item .e-menu-icon {
@@ -331,4 +365,14 @@
331
365
  .e-contextmenu-wrapper ul .e-separator,
332
366
  .e-contextmenu-container ul .e-separator {
333
367
  border-bottom-color: #edebe9;
368
+ }
369
+
370
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
371
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
372
+ background-color: inherit;
373
+ border: 1px solid #edebe9;
374
+ }
375
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav,
376
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav {
377
+ border-color: #edebe9;
334
378
  }
package/styles/context-menu/highcontrast-light.css CHANGED
@@ -167,6 +167,29 @@
167
167
  border: 0;
168
168
  margin: 0;
169
169
  }
170
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
171
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
172
+ box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0.2);
173
+ }
174
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-vscroll-bar,
175
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-vscroll-bar {
176
+ height: 100%;
177
+ width: inherit;
178
+ }
179
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav,
180
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav {
181
+ height: 16px;
182
+ }
183
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll:not(.e-scroll-device),
184
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll:not(.e-scroll-device) {
185
+ padding: 16px 0;
186
+ }
187
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll ul,
188
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll ul {
189
+ box-shadow: none;
190
+ margin-top: -12px;
191
+ width: inherit;
192
+ }
170
193
 
171
194
  .e-rtl.e-contextmenu-wrapper .e-menu-item .e-menu-icon,
172
195
  .e-rtl.e-contextmenu-container .e-menu-item .e-menu-icon {
@@ -330,4 +353,14 @@
330
353
  .e-contextmenu-wrapper ul .e-separator,
331
354
  .e-contextmenu-container ul .e-separator {
332
355
  border-bottom-color: #757575;
356
+ }
357
+
358
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
359
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
360
+ background-color: inherit;
361
+ border: 1px solid #757575;
362
+ }
363
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav,
364
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav {
365
+ border-color: #757575;
333
366
  }
package/styles/context-menu/highcontrast.css CHANGED
@@ -1,3 +1,4 @@
1
+ /*! component's theme wise override definitions and variables */
1
2
  /*! contextmenu layout */
2
3
  .e-contextmenu-wrapper ul .e-menu-item .e-previous::before,
3
4
  .e-contextmenu-container ul .e-menu-item .e-previous::before {
@@ -167,6 +168,29 @@
167
168
  border: 0;
168
169
  margin: 0;
169
170
  }
171
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
172
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
173
+ box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
174
+ }
175
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-vscroll-bar,
176
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-vscroll-bar {
177
+ height: 100%;
178
+ width: inherit;
179
+ }
180
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav,
181
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav {
182
+ height: 16px;
183
+ }
184
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll:not(.e-scroll-device),
185
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll:not(.e-scroll-device) {
186
+ padding: 16px 0;
187
+ }
188
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll ul,
189
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll ul {
190
+ box-shadow: none;
191
+ margin-top: -12px;
192
+ width: inherit;
193
+ }
170
194
 
171
195
  .e-rtl.e-contextmenu-wrapper .e-menu-item .e-menu-icon,
172
196
  .e-rtl.e-contextmenu-container .e-menu-item .e-menu-icon {
@@ -330,4 +354,14 @@
330
354
  .e-contextmenu-wrapper ul .e-separator,
331
355
  .e-contextmenu-container ul .e-separator {
332
356
  border-bottom-color: #969696;
357
+ }
358
+
359
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
360
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
361
+ background-color: inherit;
362
+ border: 1px solid #969696;
363
+ }
364
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav,
365
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav {
366
+ border-color: #969696;
333
367
  }
package/styles/context-menu/material-dark.css CHANGED
@@ -1,4 +1,22 @@
1
1
  @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
2
+ @keyframes hscroll-popup-shadow {
3
+ 0% {
4
+ border-color: rgba(255, 255, 255, 0.5);
5
+ box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
6
+ }
7
+ 100% {
8
+ box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
9
+ }
10
+ }
11
+ @keyframes vscroll-popup-shadow {
12
+ 0% {
13
+ border-color: rgba(255, 255, 255, 0.5);
14
+ box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
15
+ }
16
+ 100% {
17
+ box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
18
+ }
19
+ }
2
20
  /*! contextmenu layout */
3
21
  .e-contextmenu-wrapper ul .e-menu-item .e-previous::before,
4
22
  .e-contextmenu-container ul .e-menu-item .e-previous::before {
@@ -168,6 +186,29 @@
168
186
  border: 0;
169
187
  margin: 0;
170
188
  }
189
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
190
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
191
+ box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
192
+ }
193
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-vscroll-bar,
194
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-vscroll-bar {
195
+ height: 100%;
196
+ width: inherit;
197
+ }
198
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav,
199
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav {
200
+ height: 16px;
201
+ }
202
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll:not(.e-scroll-device),
203
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll:not(.e-scroll-device) {
204
+ padding: 16px 0;
205
+ }
206
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll ul,
207
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll ul {
208
+ box-shadow: none;
209
+ margin-top: -12px;
210
+ width: inherit;
211
+ }
171
212
 
172
213
  .e-rtl.e-contextmenu-wrapper .e-menu-item .e-menu-icon,
173
214
  .e-rtl.e-contextmenu-container .e-menu-item .e-menu-icon {
@@ -331,4 +372,14 @@
331
372
  .e-contextmenu-wrapper ul .e-separator,
332
373
  .e-contextmenu-container ul .e-separator {
333
374
  border-bottom-color: #616161;
375
+ }
376
+
377
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
378
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
379
+ background-color: inherit;
380
+ border: none;
381
+ }
382
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav,
383
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav {
384
+ border-color: #616161;
334
385
  }
package/styles/context-menu/material.css CHANGED
@@ -1,4 +1,24 @@
1
1
  @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
2
+ /*! component's theme wise override definitions and variables */
3
+ @keyframes hscroll-popup-shadow {
4
+ 0% {
5
+ border-color: rgba(255, 255, 255, 0.5);
6
+ box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
7
+ }
8
+ 100% {
9
+ box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
10
+ }
11
+ }
12
+ /*! component's theme wise override definitions and variables */
13
+ @keyframes vscroll-popup-shadow {
14
+ 0% {
15
+ border-color: rgba(255, 255, 255, 0.5);
16
+ box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
17
+ }
18
+ 100% {
19
+ box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
20
+ }
21
+ }
2
22
  /*! contextmenu layout */
3
23
  .e-contextmenu-wrapper ul .e-menu-item .e-previous::before,
4
24
  .e-contextmenu-container ul .e-menu-item .e-previous::before {
@@ -168,6 +188,29 @@
168
188
  border: 0;
169
189
  margin: 0;
170
190
  }
191
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
192
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
193
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
194
+ }
195
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-vscroll-bar,
196
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-vscroll-bar {
197
+ height: 100%;
198
+ width: inherit;
199
+ }
200
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav,
201
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav {
202
+ height: 16px;
203
+ }
204
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll:not(.e-scroll-device),
205
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll:not(.e-scroll-device) {
206
+ padding: 16px 0;
207
+ }
208
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll ul,
209
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll ul {
210
+ box-shadow: none;
211
+ margin-top: -12px;
212
+ width: inherit;
213
+ }
171
214
 
172
215
  .e-rtl.e-contextmenu-wrapper .e-menu-item .e-menu-icon,
173
216
  .e-rtl.e-contextmenu-container .e-menu-item .e-menu-icon {
@@ -331,4 +374,14 @@
331
374
  .e-contextmenu-wrapper ul .e-separator,
332
375
  .e-contextmenu-container ul .e-separator {
333
376
  border-bottom-color: rgba(0, 0, 0, 0.12);
377
+ }
378
+
379
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
380
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
381
+ background-color: inherit;
382
+ border: none;
383
+ }
384
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav,
385
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav {
386
+ border-color: rgba(0, 0, 0, 0.12);
334
387
  }
package/styles/context-menu/tailwind-dark.css CHANGED
@@ -1,4 +1,15 @@
1
1
  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
+ /*! component's theme wise override definitions and variables */
3
+ @keyframes hscroll-popup-shadow {
4
+ 0% {
5
+ border-color: rgba(255, 255, 255, 0.5);
6
+ box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
7
+ }
8
+ 100% {
9
+ box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
10
+ }
11
+ }
12
+ /*! component's theme wise override definitions and variables */
2
13
  /*! contextmenu layout */
3
14
  .e-contextmenu-wrapper ul .e-menu-item .e-previous::before,
4
15
  .e-contextmenu-container ul .e-menu-item .e-previous::before {
@@ -169,6 +180,29 @@
169
180
  border: 0;
170
181
  margin: 0;
171
182
  }
183
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
184
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
185
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
186
+ }
187
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-vscroll-bar,
188
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-vscroll-bar {
189
+ height: 100%;
190
+ width: inherit;
191
+ }
192
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav,
193
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav {
194
+ height: 16px;
195
+ }
196
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll:not(.e-scroll-device),
197
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll:not(.e-scroll-device) {
198
+ padding: 16px 0;
199
+ }
200
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll ul,
201
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll ul {
202
+ box-shadow: none;
203
+ margin-top: -12px;
204
+ width: inherit;
205
+ }
172
206
 
173
207
  .e-rtl.e-contextmenu-wrapper .e-menu-item .e-menu-icon,
174
208
  .e-rtl.e-contextmenu-container .e-menu-item .e-menu-icon {
@@ -334,4 +368,14 @@
334
368
  .e-contextmenu-wrapper ul .e-separator,
335
369
  .e-contextmenu-container ul .e-separator {
336
370
  border-bottom-color: #4b5563;
371
+ }
372
+
373
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
374
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
375
+ background-color: inherit;
376
+ border: 1px solid #4b5563;
377
+ }
378
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav,
379
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav {
380
+ border-color: #4b5563;
337
381
  }
package/styles/context-menu/tailwind.css CHANGED
@@ -1,4 +1,15 @@
1
1
  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
+ /*! component's theme wise override definitions and variables */
3
+ @keyframes hscroll-popup-shadow {
4
+ 0% {
5
+ border-color: rgba(255, 255, 255, 0.5);
6
+ box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
7
+ }
8
+ 100% {
9
+ box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
10
+ }
11
+ }
12
+ /*! component's theme wise override definitions and variables */
2
13
  /*! contextmenu layout */
3
14
  .e-contextmenu-wrapper ul .e-menu-item .e-previous::before,
4
15
  .e-contextmenu-container ul .e-menu-item .e-previous::before {
@@ -169,6 +180,29 @@
169
180
  border: 0;
170
181
  margin: 0;
171
182
  }
183
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
184
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
185
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
186
+ }
187
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-vscroll-bar,
188
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-vscroll-bar {
189
+ height: 100%;
190
+ width: inherit;
191
+ }
192
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav,
193
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav {
194
+ height: 16px;
195
+ }
196
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll:not(.e-scroll-device),
197
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll:not(.e-scroll-device) {
198
+ padding: 16px 0;
199
+ }
200
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll ul,
201
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll ul {
202
+ box-shadow: none;
203
+ margin-top: -12px;
204
+ width: inherit;
205
+ }
172
206
 
173
207
  .e-rtl.e-contextmenu-wrapper .e-menu-item .e-menu-icon,
174
208
  .e-rtl.e-contextmenu-container .e-menu-item .e-menu-icon {
@@ -334,4 +368,14 @@
334
368
  .e-contextmenu-wrapper ul .e-separator,
335
369
  .e-contextmenu-container ul .e-separator {
336
370
  border-bottom-color: #e5e7eb;
371
+ }
372
+
373
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
374
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
375
+ background-color: inherit;
376
+ border: 1px solid #e5e7eb;
377
+ }
378
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav,
379
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav {
380
+ border-color: #e5e7eb;
337
381
  }