@syncfusion/ej2-navigations 20.4.44 → 20.4.49

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 (84) hide show
  1. package/CHANGELOG.md +35 -0
  2. package/dist/ej2-navigations.min.js +2 -2
  3. package/dist/ej2-navigations.umd.min.js +2 -2
  4. package/dist/ej2-navigations.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-navigations.es2015.js +106 -31
  6. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  7. package/dist/es6/ej2-navigations.es5.js +116 -40
  8. package/dist/es6/ej2-navigations.es5.js.map +1 -1
  9. package/dist/global/ej2-navigations.min.js +2 -2
  10. package/dist/global/ej2-navigations.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +11 -11
  13. package/src/carousel/carousel.js +2 -4
  14. package/src/common/index.d.ts +1 -1
  15. package/src/common/index.js +1 -1
  16. package/src/common/menu-base.js +4 -0
  17. package/src/menu/menu.js +1 -0
  18. package/src/sidebar/sidebar.js +1 -1
  19. package/src/tab/tab.js +8 -4
  20. package/src/toolbar/toolbar.js +16 -4
  21. package/src/treeview/treeview.d.ts +14 -0
  22. package/src/treeview/treeview.js +83 -26
  23. package/styles/accordion/_theme.scss +4 -4
  24. package/styles/accordion/bootstrap-dark.css +3 -3
  25. package/styles/accordion/bootstrap.css +3 -3
  26. package/styles/accordion/bootstrap4.css +3 -3
  27. package/styles/accordion/bootstrap5-dark.css +3 -3
  28. package/styles/accordion/bootstrap5.css +3 -3
  29. package/styles/accordion/fabric-dark.css +3 -3
  30. package/styles/accordion/fabric.css +3 -3
  31. package/styles/accordion/fluent-dark.css +3 -3
  32. package/styles/accordion/fluent.css +3 -3
  33. package/styles/accordion/highcontrast-light.css +3 -3
  34. package/styles/accordion/highcontrast.css +3 -3
  35. package/styles/accordion/material-dark.css +3 -3
  36. package/styles/accordion/material.css +3 -3
  37. package/styles/accordion/tailwind-dark.css +3 -3
  38. package/styles/accordion/tailwind.css +3 -3
  39. package/styles/bootstrap-dark.css +4 -3
  40. package/styles/bootstrap.css +4 -3
  41. package/styles/bootstrap4.css +5 -4
  42. package/styles/bootstrap5-dark.css +5 -44
  43. package/styles/bootstrap5.css +5 -44
  44. package/styles/context-menu/_layout-mixin.scss +3 -1
  45. package/styles/context-menu/_layout.scss +3 -1
  46. package/styles/context-menu/_theme-mixin.scss +16 -12
  47. package/styles/context-menu/bootstrap5-dark.css +0 -24
  48. package/styles/context-menu/bootstrap5.css +0 -24
  49. package/styles/context-menu/fluent-dark.css +0 -14
  50. package/styles/context-menu/fluent.css +0 -14
  51. package/styles/fabric-dark.css +8 -7
  52. package/styles/fabric.css +8 -7
  53. package/styles/fluent-dark.css +5 -19
  54. package/styles/fluent.css +5 -19
  55. package/styles/highcontrast-light.css +4 -3
  56. package/styles/highcontrast.css +4 -3
  57. package/styles/material-dark.css +4 -3
  58. package/styles/material.css +4 -3
  59. package/styles/menu/_layout.scss +1 -0
  60. package/styles/menu/_theme.scss +1 -1
  61. package/styles/menu/bootstrap-dark.css +1 -0
  62. package/styles/menu/bootstrap.css +1 -0
  63. package/styles/menu/bootstrap4.css +1 -0
  64. package/styles/menu/bootstrap5-dark.css +1 -16
  65. package/styles/menu/bootstrap5.css +1 -16
  66. package/styles/menu/fabric-dark.css +5 -4
  67. package/styles/menu/fabric.css +5 -4
  68. package/styles/menu/fluent-dark.css +2 -2
  69. package/styles/menu/fluent.css +2 -2
  70. package/styles/menu/highcontrast-light.css +1 -0
  71. package/styles/menu/highcontrast.css +1 -0
  72. package/styles/menu/icons/_fabric-dark.scss +4 -4
  73. package/styles/menu/icons/_fabric.scss +4 -4
  74. package/styles/menu/material-dark.css +1 -0
  75. package/styles/menu/material.css +1 -0
  76. package/styles/menu/tailwind-dark.css +1 -0
  77. package/styles/menu/tailwind.css +1 -0
  78. package/styles/tailwind-dark.css +4 -3
  79. package/styles/tailwind.css +4 -3
  80. package/styles/treeview/_bootstrap4-definition.scss +1 -1
  81. package/styles/treeview/_bootstrap5-definition.scss +1 -1
  82. package/styles/treeview/bootstrap4.css +1 -1
  83. package/styles/treeview/bootstrap5-dark.css +1 -1
  84. package/styles/treeview/bootstrap5.css +1 -1
@@ -2774,15 +2774,15 @@
2774
2774
  border: 1px solid #414040;
2775
2775
  border-radius: 0;
2776
2776
  }
2777
- .e-accordion .e-active {
2778
- background: #201f1f;
2779
- }
2780
2777
  .e-accordion .e-acrdn-item {
2781
2778
  border-color: #201f1f;
2782
2779
  border-style: solid;
2783
2780
  border-width: 1px 0 1px 0;
2784
2781
  border-radius: 0;
2785
2782
  }
2783
+ .e-accordion .e-acrdn-item.e-active {
2784
+ background: #201f1f;
2785
+ }
2786
2786
  .e-accordion .e-acrdn-item.e-select:last-child {
2787
2787
  border-bottom: 1px solid #201f1f;
2788
2788
  border-radius: 0;
@@ -8611,24 +8611,24 @@ ejs-sidebar {
8611
8611
 
8612
8612
  .e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before,
8613
8613
  .e-rtl.e-menu-container ul.e-vertical .e-caret::before {
8614
- content: "\e937";
8614
+ content: "\e98f";
8615
8615
  }
8616
8616
  .e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
8617
8617
  .e-rtl.e-menu-container ul.e-ul .e-caret::before {
8618
- content: "\e937";
8618
+ content: "\e98f";
8619
8619
  }
8620
8620
 
8621
8621
  .e-bigger .e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before,
8622
8622
  .e-bigger.e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before,
8623
8623
  .e-bigger .e-rtl.e-menu-container ul.e-vertical .e-caret::before,
8624
8624
  .e-bigger.e-rtl.e-menu-container ul.e-vertical .e-caret::before {
8625
- content: "\e937";
8625
+ content: "\e98f";
8626
8626
  }
8627
8627
  .e-bigger .e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
8628
8628
  .e-bigger.e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
8629
8629
  .e-bigger .e-rtl.e-menu-container ul.e-ul .e-caret::before,
8630
8630
  .e-bigger.e-rtl.e-menu-container ul.e-ul .e-caret::before {
8631
- content: "\e937";
8631
+ content: "\e98f";
8632
8632
  }
8633
8633
 
8634
8634
  .e-bigger .e-rtl.e-menu-wrapper.e-hamburger ul.e-ul .e-caret::before,
@@ -8751,6 +8751,7 @@ ejs-sidebar {
8751
8751
  line-height: 42px;
8752
8752
  margin-right: 8px;
8753
8753
  text-align: center;
8754
+ margin-bottom: 4px;
8754
8755
  }
8755
8756
  .e-menu-wrapper ul .e-menu-item .e-caret,
8756
8757
  .e-menu-container ul .e-menu-item .e-caret {
package/styles/fabric.css CHANGED
@@ -2777,15 +2777,15 @@
2777
2777
  border: 1px solid #eaeaea;
2778
2778
  border-radius: 0;
2779
2779
  }
2780
- .e-accordion .e-active {
2781
- background: #fff;
2782
- }
2783
2780
  .e-accordion .e-acrdn-item {
2784
2781
  border-color: #fff;
2785
2782
  border-style: solid;
2786
2783
  border-width: 1px 0 1px 0;
2787
2784
  border-radius: 0;
2788
2785
  }
2786
+ .e-accordion .e-acrdn-item.e-active {
2787
+ background: #fff;
2788
+ }
2789
2789
  .e-accordion .e-acrdn-item.e-select:last-child {
2790
2790
  border-bottom: 1px solid #fff;
2791
2791
  border-radius: 0;
@@ -8622,24 +8622,24 @@ ejs-sidebar {
8622
8622
 
8623
8623
  .e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before,
8624
8624
  .e-rtl.e-menu-container ul.e-vertical .e-caret::before {
8625
- content: "\e937";
8625
+ content: "\e98f";
8626
8626
  }
8627
8627
  .e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
8628
8628
  .e-rtl.e-menu-container ul.e-ul .e-caret::before {
8629
- content: "\e937";
8629
+ content: "\e98f";
8630
8630
  }
8631
8631
 
8632
8632
  .e-bigger .e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before,
8633
8633
  .e-bigger.e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before,
8634
8634
  .e-bigger .e-rtl.e-menu-container ul.e-vertical .e-caret::before,
8635
8635
  .e-bigger.e-rtl.e-menu-container ul.e-vertical .e-caret::before {
8636
- content: "\e937";
8636
+ content: "\e98f";
8637
8637
  }
8638
8638
  .e-bigger .e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
8639
8639
  .e-bigger.e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
8640
8640
  .e-bigger .e-rtl.e-menu-container ul.e-ul .e-caret::before,
8641
8641
  .e-bigger.e-rtl.e-menu-container ul.e-ul .e-caret::before {
8642
- content: "\e937";
8642
+ content: "\e98f";
8643
8643
  }
8644
8644
 
8645
8645
  .e-bigger .e-rtl.e-menu-wrapper.e-hamburger ul.e-ul .e-caret::before,
@@ -8762,6 +8762,7 @@ ejs-sidebar {
8762
8762
  line-height: 42px;
8763
8763
  margin-right: 8px;
8764
8764
  text-align: center;
8765
+ margin-bottom: 4px;
8765
8766
  }
8766
8767
  .e-menu-wrapper ul .e-menu-item .e-caret,
8767
8768
  .e-menu-container ul .e-menu-item .e-caret {
@@ -2810,15 +2810,15 @@
2810
2810
  border: 1px solid #292827;
2811
2811
  border-radius: 2px;
2812
2812
  }
2813
- .e-accordion .e-active {
2814
- background: #1b1a19;
2815
- }
2816
2813
  .e-accordion .e-acrdn-item {
2817
2814
  border-color: #292827;
2818
2815
  border-style: solid;
2819
2816
  border-width: 0;
2820
2817
  border-radius: 0;
2821
2818
  }
2819
+ .e-accordion .e-acrdn-item.e-active {
2820
+ background: #1b1a19;
2821
+ }
2822
2822
  .e-accordion .e-acrdn-item.e-select:last-child {
2823
2823
  border-bottom: 0;
2824
2824
  border-radius: 0;
@@ -3546,7 +3546,6 @@
3546
3546
  }
3547
3547
  .e-rtl.e-contextmenu-wrapper .e-menu-item.e-menu-caret-icon,
3548
3548
  .e-rtl.e-contextmenu-container .e-menu-item.e-menu-caret-icon {
3549
- padding-left: 24px;
3550
3549
  padding-right: 12px;
3551
3550
  }
3552
3551
  .e-rtl.e-contextmenu-wrapper .e-menu-item.e-blankicon,
@@ -3603,19 +3602,6 @@
3603
3602
  font-size: 18px;
3604
3603
  }
3605
3604
 
3606
- .e-bigger .e-contextmenu-wrapper.e-rtl ul .e-blankicon,
3607
- .e-bigger.e-contextmenu-wrapper.e-rtl ul .e-blankicon,
3608
- .e-bigger .e-contextmenu-container.e-rtl ul .e-blankicon,
3609
- .e-bigger.e-contextmenu-container.e-rtl ul .e-blankicon {
3610
- padding-left: 16px;
3611
- }
3612
- .e-bigger .e-contextmenu-wrapper.e-rtl ul .e-blankicon.e-menu-caret-icon,
3613
- .e-bigger.e-contextmenu-wrapper.e-rtl ul .e-blankicon.e-menu-caret-icon,
3614
- .e-bigger .e-contextmenu-container.e-rtl ul .e-blankicon.e-menu-caret-icon,
3615
- .e-bigger.e-contextmenu-container.e-rtl ul .e-blankicon.e-menu-caret-icon {
3616
- padding-left: 24px;
3617
- }
3618
-
3619
3605
  /*! contextmenu theme */
3620
3606
  .e-contextmenu-wrapper ul,
3621
3607
  .e-contextmenu-container ul {
@@ -8926,6 +8912,7 @@ ejs-sidebar {
8926
8912
  line-height: 40px;
8927
8913
  margin-right: 4px;
8928
8914
  text-align: center;
8915
+ margin-bottom: 4px;
8929
8916
  }
8930
8917
  .e-menu-wrapper ul .e-menu-item .e-caret,
8931
8918
  .e-menu-container ul .e-menu-item .e-caret {
@@ -9171,7 +9158,6 @@ ejs-sidebar {
9171
9158
  }
9172
9159
  .e-rtl.e-menu-wrapper ul.e-ul .e-menu-item.e-menu-caret-icon,
9173
9160
  .e-rtl.e-menu-container ul.e-ul .e-menu-item.e-menu-caret-icon {
9174
- padding-left: 24px;
9175
9161
  padding-right: 12px;
9176
9162
  }
9177
9163
  .e-rtl.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon,
@@ -9642,7 +9628,7 @@ ejs-sidebar {
9642
9628
  }
9643
9629
  .e-menu-wrapper .e-menu,
9644
9630
  .e-menu-container .e-menu {
9645
- background-color: #252423;
9631
+ background-color: inherit;
9646
9632
  color: #f3f2f1;
9647
9633
  }
9648
9634
  .e-menu-wrapper .e-menu.e-menu:not(.e-vertical) .e-separator,
package/styles/fluent.css CHANGED
@@ -2810,15 +2810,15 @@
2810
2810
  border: 1px solid #edebe9;
2811
2811
  border-radius: 2px;
2812
2812
  }
2813
- .e-accordion .e-active {
2814
- background: #fff;
2815
- }
2816
2813
  .e-accordion .e-acrdn-item {
2817
2814
  border-color: #edebe9;
2818
2815
  border-style: solid;
2819
2816
  border-width: 0;
2820
2817
  border-radius: 0;
2821
2818
  }
2819
+ .e-accordion .e-acrdn-item.e-active {
2820
+ background: #fff;
2821
+ }
2822
2822
  .e-accordion .e-acrdn-item.e-select:last-child {
2823
2823
  border-bottom: 0;
2824
2824
  border-radius: 0;
@@ -3546,7 +3546,6 @@
3546
3546
  }
3547
3547
  .e-rtl.e-contextmenu-wrapper .e-menu-item.e-menu-caret-icon,
3548
3548
  .e-rtl.e-contextmenu-container .e-menu-item.e-menu-caret-icon {
3549
- padding-left: 24px;
3550
3549
  padding-right: 12px;
3551
3550
  }
3552
3551
  .e-rtl.e-contextmenu-wrapper .e-menu-item.e-blankicon,
@@ -3603,19 +3602,6 @@
3603
3602
  font-size: 18px;
3604
3603
  }
3605
3604
 
3606
- .e-bigger .e-contextmenu-wrapper.e-rtl ul .e-blankicon,
3607
- .e-bigger.e-contextmenu-wrapper.e-rtl ul .e-blankicon,
3608
- .e-bigger .e-contextmenu-container.e-rtl ul .e-blankicon,
3609
- .e-bigger.e-contextmenu-container.e-rtl ul .e-blankicon {
3610
- padding-left: 16px;
3611
- }
3612
- .e-bigger .e-contextmenu-wrapper.e-rtl ul .e-blankicon.e-menu-caret-icon,
3613
- .e-bigger.e-contextmenu-wrapper.e-rtl ul .e-blankicon.e-menu-caret-icon,
3614
- .e-bigger .e-contextmenu-container.e-rtl ul .e-blankicon.e-menu-caret-icon,
3615
- .e-bigger.e-contextmenu-container.e-rtl ul .e-blankicon.e-menu-caret-icon {
3616
- padding-left: 24px;
3617
- }
3618
-
3619
3605
  /*! contextmenu theme */
3620
3606
  .e-contextmenu-wrapper ul,
3621
3607
  .e-contextmenu-container ul {
@@ -8926,6 +8912,7 @@ ejs-sidebar {
8926
8912
  line-height: 40px;
8927
8913
  margin-right: 4px;
8928
8914
  text-align: center;
8915
+ margin-bottom: 4px;
8929
8916
  }
8930
8917
  .e-menu-wrapper ul .e-menu-item .e-caret,
8931
8918
  .e-menu-container ul .e-menu-item .e-caret {
@@ -9171,7 +9158,6 @@ ejs-sidebar {
9171
9158
  }
9172
9159
  .e-rtl.e-menu-wrapper ul.e-ul .e-menu-item.e-menu-caret-icon,
9173
9160
  .e-rtl.e-menu-container ul.e-ul .e-menu-item.e-menu-caret-icon {
9174
- padding-left: 24px;
9175
9161
  padding-right: 12px;
9176
9162
  }
9177
9163
  .e-rtl.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon,
@@ -9642,7 +9628,7 @@ ejs-sidebar {
9642
9628
  }
9643
9629
  .e-menu-wrapper .e-menu,
9644
9630
  .e-menu-container .e-menu {
9645
- background-color: #fff;
9631
+ background-color: inherit;
9646
9632
  color: #201f1e;
9647
9633
  }
9648
9634
  .e-menu-wrapper .e-menu.e-menu:not(.e-vertical) .e-separator,
@@ -2774,15 +2774,15 @@
2774
2774
  border: 1px solid #757575;
2775
2775
  border-radius: 0;
2776
2776
  }
2777
- .e-accordion .e-active {
2778
- background: #ccc;
2779
- }
2780
2777
  .e-accordion .e-acrdn-item {
2781
2778
  border-color: #757575;
2782
2779
  border-style: solid;
2783
2780
  border-width: 0;
2784
2781
  border-radius: 0;
2785
2782
  }
2783
+ .e-accordion .e-acrdn-item.e-active {
2784
+ background: #ccc;
2785
+ }
2786
2786
  .e-accordion .e-acrdn-item.e-select:last-child {
2787
2787
  border-bottom: 0;
2788
2788
  border-radius: 0;
@@ -8745,6 +8745,7 @@ ejs-sidebar {
8745
8745
  line-height: 36px;
8746
8746
  margin-right: 10px;
8747
8747
  text-align: center;
8748
+ margin-bottom: 4px;
8748
8749
  }
8749
8750
  .e-menu-wrapper ul .e-menu-item .e-caret,
8750
8751
  .e-menu-container ul .e-menu-item .e-caret {
@@ -2777,15 +2777,15 @@
2777
2777
  border: 1px solid #969696;
2778
2778
  border-radius: 0;
2779
2779
  }
2780
- .e-accordion .e-active {
2781
- background: #000;
2782
- }
2783
2780
  .e-accordion .e-acrdn-item {
2784
2781
  border-color: #969696;
2785
2782
  border-style: solid;
2786
2783
  border-width: 0;
2787
2784
  border-radius: 0;
2788
2785
  }
2786
+ .e-accordion .e-acrdn-item.e-active {
2787
+ background: #000;
2788
+ }
2789
2789
  .e-accordion .e-acrdn-item.e-select:last-child {
2790
2790
  border-bottom: 0;
2791
2791
  border-radius: 0;
@@ -8778,6 +8778,7 @@ ejs-sidebar {
8778
8778
  line-height: 40px;
8779
8779
  margin-right: 8px;
8780
8780
  text-align: center;
8781
+ margin-bottom: 4px;
8781
8782
  }
8782
8783
  .e-menu-wrapper ul .e-menu-item .e-caret,
8783
8784
  .e-menu-container ul .e-menu-item .e-caret {
@@ -2853,15 +2853,15 @@
2853
2853
  border: 1px solid #616161;
2854
2854
  border-radius: 0;
2855
2855
  }
2856
- .e-accordion .e-active {
2857
- background: #303030;
2858
- }
2859
2856
  .e-accordion .e-acrdn-item {
2860
2857
  border-color: #616161;
2861
2858
  border-style: solid;
2862
2859
  border-width: 0;
2863
2860
  border-radius: 0;
2864
2861
  }
2862
+ .e-accordion .e-acrdn-item.e-active {
2863
+ background: #303030;
2864
+ }
2865
2865
  .e-accordion .e-acrdn-item.e-select:last-child {
2866
2866
  border-bottom: 1px solid transparent;
2867
2867
  border-radius: 0;
@@ -8893,6 +8893,7 @@ ejs-sidebar {
8893
8893
  line-height: 42px;
8894
8894
  margin-right: 8px;
8895
8895
  text-align: center;
8896
+ margin-bottom: 4px;
8896
8897
  }
8897
8898
  .e-menu-wrapper ul .e-menu-item .e-caret,
8898
8899
  .e-menu-container ul .e-menu-item .e-caret {
@@ -2859,15 +2859,15 @@
2859
2859
  border: 1px solid rgba(0, 0, 0, 0.12);
2860
2860
  border-radius: 0;
2861
2861
  }
2862
- .e-accordion .e-active {
2863
- background: #fff;
2864
- }
2865
2862
  .e-accordion .e-acrdn-item {
2866
2863
  border-color: rgba(0, 0, 0, 0.12);
2867
2864
  border-style: solid;
2868
2865
  border-width: 0;
2869
2866
  border-radius: 0;
2870
2867
  }
2868
+ .e-accordion .e-acrdn-item.e-active {
2869
+ background: #fff;
2870
+ }
2871
2871
  .e-accordion .e-acrdn-item.e-select:last-child {
2872
2872
  border-bottom: 1px solid transparent;
2873
2873
  border-radius: 0;
@@ -8913,6 +8913,7 @@ ejs-sidebar {
8913
8913
  line-height: 42px;
8914
8914
  margin-right: 8px;
8915
8915
  text-align: center;
8916
+ margin-bottom: 4px;
8916
8917
  }
8917
8918
  .e-menu-wrapper ul .e-menu-item .e-caret,
8918
8919
  .e-menu-container ul .e-menu-item .e-caret {
@@ -66,6 +66,7 @@
66
66
  line-height: $menu-li-height;
67
67
  margin-right: $menu-icon-margin-right;
68
68
  text-align: center;
69
+ margin-bottom: 4px;
69
70
  }
70
71
 
71
72
  & .e-caret {
@@ -8,7 +8,7 @@
8
8
 
9
9
  @at-root {
10
10
  & .e-menu {
11
- @if $skin-name == 'bootstrap4' or $skin-name == 'FluentUI' {
11
+ @if $skin-name == 'bootstrap4' {
12
12
  background-color: $cmenu-ul-bgcolor;
13
13
  }
14
14
  @else {
@@ -183,6 +183,7 @@
183
183
  line-height: 42px;
184
184
  margin-right: 8px;
185
185
  text-align: center;
186
+ margin-bottom: 4px;
186
187
  }
187
188
  .e-menu-wrapper ul .e-menu-item .e-caret,
188
189
  .e-menu-container ul .e-menu-item .e-caret {
@@ -184,6 +184,7 @@
184
184
  line-height: 40px;
185
185
  margin-right: 8px;
186
186
  text-align: center;
187
+ margin-bottom: 4px;
187
188
  }
188
189
  .e-menu-wrapper ul .e-menu-item .e-caret,
189
190
  .e-menu-container ul .e-menu-item .e-caret {
@@ -184,6 +184,7 @@
184
184
  line-height: 30px;
185
185
  margin-right: 8px;
186
186
  text-align: center;
187
+ margin-bottom: 4px;
187
188
  }
188
189
  .e-menu-wrapper ul .e-menu-item .e-caret,
189
190
  .e-menu-container ul .e-menu-item .e-caret {
@@ -194,6 +194,7 @@
194
194
  line-height: 32px;
195
195
  margin-right: 8px;
196
196
  text-align: center;
197
+ margin-bottom: 4px;
197
198
  }
198
199
  .e-menu-wrapper ul .e-menu-item .e-caret,
199
200
  .e-menu-container ul .e-menu-item .e-caret {
@@ -921,14 +922,6 @@
921
922
  .e-menu-container .e-menu .e-menu-item.e-menu-header {
922
923
  border-bottom-color: #444c54;
923
924
  }
924
- .e-menu-wrapper .e-menu .e-menu-item .e-caret,
925
- .e-menu-container .e-menu .e-menu-item .e-caret {
926
- color: #adb5bd;
927
- }
928
- .e-menu-wrapper .e-menu .e-menu-item .e-menu-icon,
929
- .e-menu-container .e-menu .e-menu-item .e-menu-icon {
930
- color: #adb5bd;
931
- }
932
925
  .e-menu-wrapper .e-menu .e-menu-item.e-menu-header,
933
926
  .e-menu-container .e-menu .e-menu-item.e-menu-header {
934
927
  border-bottom-color: #444c54;
@@ -944,14 +937,6 @@
944
937
  outline-offset: 0;
945
938
  background-color: #495057;
946
939
  }
947
- .e-menu-wrapper .e-menu .e-menu-item.e-focused .e-caret,
948
- .e-menu-container .e-menu .e-menu-item.e-focused .e-caret {
949
- color: #adb5bd;
950
- }
951
- .e-menu-wrapper .e-menu .e-menu-item.e-focused .e-menu-icon,
952
- .e-menu-container .e-menu .e-menu-item.e-focused .e-menu-icon {
953
- color: #adb5bd;
954
- }
955
940
  .e-menu-wrapper .e-menu .e-menu-item.e-selected,
956
941
  .e-menu-container .e-menu .e-menu-item.e-selected {
957
942
  color: #fff;
@@ -194,6 +194,7 @@
194
194
  line-height: 32px;
195
195
  margin-right: 8px;
196
196
  text-align: center;
197
+ margin-bottom: 4px;
197
198
  }
198
199
  .e-menu-wrapper ul .e-menu-item .e-caret,
199
200
  .e-menu-container ul .e-menu-item .e-caret {
@@ -921,14 +922,6 @@
921
922
  .e-menu-container .e-menu .e-menu-item.e-menu-header {
922
923
  border-bottom-color: #dee2e6;
923
924
  }
924
- .e-menu-wrapper .e-menu .e-menu-item .e-caret,
925
- .e-menu-container .e-menu .e-menu-item .e-caret {
926
- color: #6c757d;
927
- }
928
- .e-menu-wrapper .e-menu .e-menu-item .e-menu-icon,
929
- .e-menu-container .e-menu .e-menu-item .e-menu-icon {
930
- color: #6c757d;
931
- }
932
925
  .e-menu-wrapper .e-menu .e-menu-item.e-menu-header,
933
926
  .e-menu-container .e-menu .e-menu-item.e-menu-header {
934
927
  border-bottom-color: #dee2e6;
@@ -944,14 +937,6 @@
944
937
  outline-offset: 0;
945
938
  background-color: #dee2e6;
946
939
  }
947
- .e-menu-wrapper .e-menu .e-menu-item.e-focused .e-caret,
948
- .e-menu-container .e-menu .e-menu-item.e-focused .e-caret {
949
- color: #6c757d;
950
- }
951
- .e-menu-wrapper .e-menu .e-menu-item.e-focused .e-menu-icon,
952
- .e-menu-container .e-menu .e-menu-item.e-focused .e-menu-icon {
953
- color: #6c757d;
954
- }
955
940
  .e-menu-wrapper .e-menu .e-menu-item.e-selected,
956
941
  .e-menu-container .e-menu .e-menu-item.e-selected {
957
942
  color: #212529;
@@ -43,24 +43,24 @@
43
43
 
44
44
  .e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before,
45
45
  .e-rtl.e-menu-container ul.e-vertical .e-caret::before {
46
- content: "\e937";
46
+ content: "\e98f";
47
47
  }
48
48
  .e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
49
49
  .e-rtl.e-menu-container ul.e-ul .e-caret::before {
50
- content: "\e937";
50
+ content: "\e98f";
51
51
  }
52
52
 
53
53
  .e-bigger .e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before,
54
54
  .e-bigger.e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before,
55
55
  .e-bigger .e-rtl.e-menu-container ul.e-vertical .e-caret::before,
56
56
  .e-bigger.e-rtl.e-menu-container ul.e-vertical .e-caret::before {
57
- content: "\e937";
57
+ content: "\e98f";
58
58
  }
59
59
  .e-bigger .e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
60
60
  .e-bigger.e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
61
61
  .e-bigger .e-rtl.e-menu-container ul.e-ul .e-caret::before,
62
62
  .e-bigger.e-rtl.e-menu-container ul.e-ul .e-caret::before {
63
- content: "\e937";
63
+ content: "\e98f";
64
64
  }
65
65
 
66
66
  .e-bigger .e-rtl.e-menu-wrapper.e-hamburger ul.e-ul .e-caret::before,
@@ -183,6 +183,7 @@
183
183
  line-height: 42px;
184
184
  margin-right: 8px;
185
185
  text-align: center;
186
+ margin-bottom: 4px;
186
187
  }
187
188
  .e-menu-wrapper ul .e-menu-item .e-caret,
188
189
  .e-menu-container ul .e-menu-item .e-caret {
@@ -44,24 +44,24 @@
44
44
 
45
45
  .e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before,
46
46
  .e-rtl.e-menu-container ul.e-vertical .e-caret::before {
47
- content: "\e937";
47
+ content: "\e98f";
48
48
  }
49
49
  .e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
50
50
  .e-rtl.e-menu-container ul.e-ul .e-caret::before {
51
- content: "\e937";
51
+ content: "\e98f";
52
52
  }
53
53
 
54
54
  .e-bigger .e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before,
55
55
  .e-bigger.e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before,
56
56
  .e-bigger .e-rtl.e-menu-container ul.e-vertical .e-caret::before,
57
57
  .e-bigger.e-rtl.e-menu-container ul.e-vertical .e-caret::before {
58
- content: "\e937";
58
+ content: "\e98f";
59
59
  }
60
60
  .e-bigger .e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
61
61
  .e-bigger.e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
62
62
  .e-bigger .e-rtl.e-menu-container ul.e-ul .e-caret::before,
63
63
  .e-bigger.e-rtl.e-menu-container ul.e-ul .e-caret::before {
64
- content: "\e937";
64
+ content: "\e98f";
65
65
  }
66
66
 
67
67
  .e-bigger .e-rtl.e-menu-wrapper.e-hamburger ul.e-ul .e-caret::before,
@@ -184,6 +184,7 @@
184
184
  line-height: 42px;
185
185
  margin-right: 8px;
186
186
  text-align: center;
187
+ margin-bottom: 4px;
187
188
  }
188
189
  .e-menu-wrapper ul .e-menu-item .e-caret,
189
190
  .e-menu-container ul .e-menu-item .e-caret {
@@ -194,6 +194,7 @@
194
194
  line-height: 40px;
195
195
  margin-right: 4px;
196
196
  text-align: center;
197
+ margin-bottom: 4px;
197
198
  }
198
199
  .e-menu-wrapper ul .e-menu-item .e-caret,
199
200
  .e-menu-container ul .e-menu-item .e-caret {
@@ -439,7 +440,6 @@
439
440
  }
440
441
  .e-rtl.e-menu-wrapper ul.e-ul .e-menu-item.e-menu-caret-icon,
441
442
  .e-rtl.e-menu-container ul.e-ul .e-menu-item.e-menu-caret-icon {
442
- padding-left: 24px;
443
443
  padding-right: 12px;
444
444
  }
445
445
  .e-rtl.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon,
@@ -910,7 +910,7 @@
910
910
  }
911
911
  .e-menu-wrapper .e-menu,
912
912
  .e-menu-container .e-menu {
913
- background-color: #252423;
913
+ background-color: inherit;
914
914
  color: #f3f2f1;
915
915
  }
916
916
  .e-menu-wrapper .e-menu.e-menu:not(.e-vertical) .e-separator,
@@ -194,6 +194,7 @@
194
194
  line-height: 40px;
195
195
  margin-right: 4px;
196
196
  text-align: center;
197
+ margin-bottom: 4px;
197
198
  }
198
199
  .e-menu-wrapper ul .e-menu-item .e-caret,
199
200
  .e-menu-container ul .e-menu-item .e-caret {
@@ -439,7 +440,6 @@
439
440
  }
440
441
  .e-rtl.e-menu-wrapper ul.e-ul .e-menu-item.e-menu-caret-icon,
441
442
  .e-rtl.e-menu-container ul.e-ul .e-menu-item.e-menu-caret-icon {
442
- padding-left: 24px;
443
443
  padding-right: 12px;
444
444
  }
445
445
  .e-rtl.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon,
@@ -910,7 +910,7 @@
910
910
  }
911
911
  .e-menu-wrapper .e-menu,
912
912
  .e-menu-container .e-menu {
913
- background-color: #fff;
913
+ background-color: inherit;
914
914
  color: #201f1e;
915
915
  }
916
916
  .e-menu-wrapper .e-menu.e-menu:not(.e-vertical) .e-separator,
@@ -183,6 +183,7 @@
183
183
  line-height: 36px;
184
184
  margin-right: 10px;
185
185
  text-align: center;
186
+ margin-bottom: 4px;
186
187
  }
187
188
  .e-menu-wrapper ul .e-menu-item .e-caret,
188
189
  .e-menu-container ul .e-menu-item .e-caret {
@@ -184,6 +184,7 @@
184
184
  line-height: 40px;
185
185
  margin-right: 8px;
186
186
  text-align: center;
187
+ margin-bottom: 4px;
187
188
  }
188
189
  .e-menu-wrapper ul .e-menu-item .e-caret,
189
190
  .e-menu-container ul .e-menu-item .e-caret {
@@ -83,7 +83,7 @@
83
83
  &.e-vertical {
84
84
  & .e-caret {
85
85
  &::before {
86
- content: '\e937';
86
+ content: '\e98f';
87
87
  }
88
88
  }
89
89
  }
@@ -91,7 +91,7 @@
91
91
  &.e-ul {
92
92
  & .e-caret {
93
93
  &::before {
94
- content: '\e937';
94
+ content: '\e98f';
95
95
  }
96
96
  }
97
97
  }
@@ -104,7 +104,7 @@
104
104
  &.e-vertical {
105
105
  & .e-caret {
106
106
  &::before {
107
- content: '\e937';
107
+ content: '\e98f';
108
108
  }
109
109
  }
110
110
  }
@@ -112,7 +112,7 @@
112
112
  &.e-ul {
113
113
  & .e-caret {
114
114
  &::before {
115
- content: '\e937';
115
+ content: '\e98f';
116
116
  }
117
117
  }
118
118
  }