@syncfusion/ej2-navigations 31.1.20 → 31.2.2

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 (98) hide show
  1. package/dist/ej2-navigations.min.js +3 -3
  2. package/dist/ej2-navigations.umd.min.js +3 -3
  3. package/dist/ej2-navigations.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-navigations.es2015.js +4 -1
  5. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  6. package/dist/es6/ej2-navigations.es5.js +4 -1
  7. package/dist/es6/ej2-navigations.es5.js.map +1 -1
  8. package/dist/global/ej2-navigations.min.js +3 -3
  9. package/dist/global/ej2-navigations.min.js.map +1 -1
  10. package/dist/global/index.d.ts +2 -2
  11. package/package.json +7 -7
  12. package/src/toolbar/toolbar.js +4 -1
  13. package/styles/bds-lite.css +0 -1
  14. package/styles/bds.css +0 -1
  15. package/styles/bootstrap-dark-lite.css +0 -1
  16. package/styles/bootstrap-dark.css +0 -1
  17. package/styles/bootstrap-lite.css +0 -1
  18. package/styles/bootstrap.css +0 -1
  19. package/styles/bootstrap4-lite.css +2 -3
  20. package/styles/bootstrap4.css +3 -4
  21. package/styles/bootstrap5-dark-lite.css +12 -10
  22. package/styles/bootstrap5-dark.css +12 -10
  23. package/styles/bootstrap5-lite.css +12 -10
  24. package/styles/bootstrap5.3-lite.css +2 -3
  25. package/styles/bootstrap5.3.css +2 -3
  26. package/styles/bootstrap5.css +12 -10
  27. package/styles/fabric-dark-lite.css +0 -1
  28. package/styles/fabric-dark.css +0 -1
  29. package/styles/fabric-lite.css +0 -1
  30. package/styles/fabric.css +0 -1
  31. package/styles/fluent-dark-lite.css +3 -4
  32. package/styles/fluent-dark.css +5 -7
  33. package/styles/fluent-lite.css +3 -4
  34. package/styles/fluent.css +5 -7
  35. package/styles/fluent2-lite.css +1 -2
  36. package/styles/fluent2.css +1 -2
  37. package/styles/highcontrast-light-lite.css +0 -1
  38. package/styles/highcontrast-light.css +0 -1
  39. package/styles/highcontrast-lite.css +2 -3
  40. package/styles/highcontrast.css +3 -5
  41. package/styles/material-dark-lite.css +2 -3
  42. package/styles/material-dark.css +2 -3
  43. package/styles/material-lite.css +2 -3
  44. package/styles/material.css +2 -3
  45. package/styles/material3-dark-lite.css +0 -1
  46. package/styles/material3-dark.css +0 -1
  47. package/styles/material3-lite.css +0 -1
  48. package/styles/material3.css +0 -1
  49. package/styles/menu/_bootstrap-dark-definition.scss +0 -1
  50. package/styles/menu/_bootstrap-definition.scss +0 -1
  51. package/styles/menu/_fluent-definition.scss +1 -1
  52. package/styles/menu/_fluent2-definition.scss +1 -1
  53. package/styles/menu/_layout.scss +1 -7
  54. package/styles/menu/bds.css +0 -1
  55. package/styles/menu/bootstrap-dark.css +0 -1
  56. package/styles/menu/bootstrap.css +0 -1
  57. package/styles/menu/bootstrap4.css +0 -1
  58. package/styles/menu/bootstrap5-dark.css +0 -1
  59. package/styles/menu/bootstrap5.3.css +0 -1
  60. package/styles/menu/bootstrap5.css +0 -1
  61. package/styles/menu/fabric-dark.css +0 -1
  62. package/styles/menu/fabric.css +0 -1
  63. package/styles/menu/fluent-dark.css +1 -2
  64. package/styles/menu/fluent.css +1 -2
  65. package/styles/menu/fluent2.css +1 -2
  66. package/styles/menu/highcontrast-light.css +0 -1
  67. package/styles/menu/highcontrast.css +0 -1
  68. package/styles/menu/material-dark.css +0 -1
  69. package/styles/menu/material.css +0 -1
  70. package/styles/menu/material3-dark.css +0 -1
  71. package/styles/menu/material3.css +0 -1
  72. package/styles/menu/tailwind-dark.css +0 -1
  73. package/styles/menu/tailwind.css +0 -1
  74. package/styles/menu/tailwind3.css +0 -1
  75. package/styles/tailwind-dark-lite.css +0 -1
  76. package/styles/tailwind-dark.css +0 -1
  77. package/styles/tailwind-lite.css +0 -1
  78. package/styles/tailwind.css +0 -1
  79. package/styles/tailwind3-lite.css +0 -1
  80. package/styles/tailwind3.css +0 -1
  81. package/styles/treeview/_bigger.scss +2 -4
  82. package/styles/treeview/_bootstrap4-definition.scss +2 -2
  83. package/styles/treeview/_bootstrap5-definition.scss +4 -4
  84. package/styles/treeview/_bootstrap5.3-definition.scss +1 -1
  85. package/styles/treeview/_fluent-definition.scss +3 -3
  86. package/styles/treeview/_highcontrast-definition.scss +4 -2
  87. package/styles/treeview/_layout.scss +4 -4
  88. package/styles/treeview/_material-dark-definition.scss +1 -1
  89. package/styles/treeview/_material-definition.scss +1 -1
  90. package/styles/treeview/bootstrap4.css +3 -3
  91. package/styles/treeview/bootstrap5-dark.css +12 -9
  92. package/styles/treeview/bootstrap5.3.css +2 -2
  93. package/styles/treeview/bootstrap5.css +12 -9
  94. package/styles/treeview/fluent-dark.css +4 -5
  95. package/styles/treeview/fluent.css +4 -5
  96. package/styles/treeview/highcontrast.css +3 -4
  97. package/styles/treeview/material-dark.css +2 -2
  98. package/styles/treeview/material.css +2 -2
package/styles/fluent.css CHANGED
@@ -8137,11 +8137,11 @@
8137
8137
  }
8138
8138
  .e-treeview .e-list-icon + .e-list-text,
8139
8139
  .e-treeview .e-list-img + .e-list-text {
8140
- padding: 0 12px;
8140
+ padding: 8px 12px;
8141
8141
  }
8142
8142
  .e-treeview .e-list-icon + .e-navigable-text,
8143
8143
  .e-treeview .e-list-img + .e-navigable-text {
8144
- padding: 0 12px;
8144
+ padding: 8px 12px;
8145
8145
  }
8146
8146
  .e-treeview .e-icon-collapsible,
8147
8147
  .e-treeview .e-icon-expandable {
@@ -8669,8 +8669,7 @@
8669
8669
  .e-treeview.e-bigger .e-list-text {
8670
8670
  line-height: 24px;
8671
8671
  min-height: 24px;
8672
- padding-top: 10px;
8673
- padding-bottom: 10px;
8672
+ padding: 10px 16px;
8674
8673
  }
8675
8674
  .e-bigger .e-treeview .e-list-text .e-input-group,
8676
8675
  .e-treeview.e-bigger .e-list-text .e-input-group {
@@ -8704,7 +8703,7 @@
8704
8703
  .e-bigger .e-treeview .e-list-img + .e-list-text,
8705
8704
  .e-treeview.e-bigger .e-list-icon + .e-list-text,
8706
8705
  .e-treeview.e-bigger .e-list-img + .e-list-text {
8707
- padding: 0 16px;
8706
+ padding: 10px 16px;
8708
8707
  }
8709
8708
  .e-bigger .e-treeview .e-list-icon + .e-list-icon, .e-bigger .e-treeview .e-list-icon + .e-list-img,
8710
8709
  .e-bigger .e-treeview .e-list-img + .e-list-icon,
@@ -9220,7 +9219,7 @@ ejs-sidebar {
9220
9219
  .e-menu-container ul .e-menu-item .e-caret {
9221
9220
  font-size: 14px;
9222
9221
  height: auto;
9223
- line-height: 40px;
9222
+ line-height: 44px;
9224
9223
  position: absolute;
9225
9224
  right: 8px;
9226
9225
  top: 0;
@@ -9284,7 +9283,6 @@ ejs-sidebar {
9284
9283
  .e-menu-wrapper .e-ul .e-menu-item .e-caret,
9285
9284
  .e-menu-container .e-ul .e-menu-item .e-caret {
9286
9285
  font-size: 14px;
9287
- line-height: 40px;
9288
9286
  }
9289
9287
 
9290
9288
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
@@ -7536,7 +7536,7 @@ ejs-sidebar {
7536
7536
  .e-menu-container ul .e-menu-item .e-caret {
7537
7537
  font-size: 14px;
7538
7538
  height: auto;
7539
- line-height: 40px;
7539
+ line-height: 42px;
7540
7540
  position: absolute;
7541
7541
  right: 8px;
7542
7542
  top: 0;
@@ -7604,7 +7604,6 @@ ejs-sidebar {
7604
7604
  .e-menu-container .e-ul .e-menu-item .e-caret {
7605
7605
  font-size: 14px;
7606
7606
  padding: 9px 0;
7607
- line-height: 18px;
7608
7607
  }
7609
7608
 
7610
7609
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
@@ -9679,7 +9679,7 @@ ejs-sidebar {
9679
9679
  .e-menu-container ul .e-menu-item .e-caret {
9680
9680
  font-size: 14px;
9681
9681
  height: auto;
9682
- line-height: 40px;
9682
+ line-height: 42px;
9683
9683
  position: absolute;
9684
9684
  right: 8px;
9685
9685
  top: 0;
@@ -9747,7 +9747,6 @@ ejs-sidebar {
9747
9747
  .e-menu-container .e-ul .e-menu-item .e-caret {
9748
9748
  font-size: 14px;
9749
9749
  padding: 9px 0;
9750
- line-height: 18px;
9751
9750
  }
9752
9751
 
9753
9752
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
@@ -7095,7 +7095,6 @@ ejs-sidebar {
7095
7095
  .e-menu-wrapper .e-ul .e-menu-item .e-caret,
7096
7096
  .e-menu-container .e-ul .e-menu-item .e-caret {
7097
7097
  font-size: 12px;
7098
- line-height: 36px;
7099
7098
  }
7100
7099
 
7101
7100
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
@@ -9127,7 +9127,6 @@ ejs-sidebar {
9127
9127
  .e-menu-wrapper .e-ul .e-menu-item .e-caret,
9128
9128
  .e-menu-container .e-ul .e-menu-item .e-caret {
9129
9129
  font-size: 12px;
9130
- line-height: 36px;
9131
9130
  }
9132
9131
 
9133
9132
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
@@ -6230,11 +6230,11 @@
6230
6230
  }
6231
6231
  .e-treeview .e-list-icon + .e-list-text,
6232
6232
  .e-treeview .e-list-img + .e-list-text {
6233
- padding: 0 8px;
6233
+ padding: 7px 8px;
6234
6234
  }
6235
6235
  .e-treeview .e-list-icon + .e-navigable-text,
6236
6236
  .e-treeview .e-list-img + .e-navigable-text {
6237
- padding: 0 8px;
6237
+ padding: 7px 8px;
6238
6238
  }
6239
6239
  .e-treeview .e-icon-collapsible,
6240
6240
  .e-treeview .e-icon-expandable {
@@ -7135,7 +7135,6 @@ ejs-sidebar {
7135
7135
  .e-menu-wrapper .e-ul .e-menu-item .e-caret,
7136
7136
  .e-menu-container .e-ul .e-menu-item .e-caret {
7137
7137
  font-size: 10px;
7138
- line-height: 40px;
7139
7138
  }
7140
7139
 
7141
7140
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
@@ -8112,11 +8112,11 @@
8112
8112
  }
8113
8113
  .e-treeview .e-list-icon + .e-list-text,
8114
8114
  .e-treeview .e-list-img + .e-list-text {
8115
- padding: 0 8px;
8115
+ padding: 7px 8px;
8116
8116
  }
8117
8117
  .e-treeview .e-list-icon + .e-navigable-text,
8118
8118
  .e-treeview .e-list-img + .e-navigable-text {
8119
- padding: 0 8px;
8119
+ padding: 7px 8px;
8120
8120
  }
8121
8121
  .e-treeview .e-icon-collapsible,
8122
8122
  .e-treeview .e-icon-expandable {
@@ -8602,8 +8602,7 @@
8602
8602
  .e-treeview.e-bigger .e-list-text {
8603
8603
  line-height: 24px;
8604
8604
  min-height: 24px;
8605
- padding-top: 11px;
8606
- padding-bottom: 11px;
8605
+ padding: 11px 10px;
8607
8606
  }
8608
8607
  .e-bigger .e-treeview .e-list-text .e-input-group,
8609
8608
  .e-treeview.e-bigger .e-list-text .e-input-group {
@@ -9176,7 +9175,6 @@ ejs-sidebar {
9176
9175
  .e-menu-wrapper .e-ul .e-menu-item .e-caret,
9177
9176
  .e-menu-container .e-ul .e-menu-item .e-caret {
9178
9177
  font-size: 10px;
9179
- line-height: 40px;
9180
9178
  }
9181
9179
 
9182
9180
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
@@ -6408,11 +6408,11 @@
6408
6408
  }
6409
6409
  .e-treeview .e-list-icon + .e-list-text,
6410
6410
  .e-treeview .e-list-img + .e-list-text {
6411
- padding: 0 10px;
6411
+ padding: 7px 10px;
6412
6412
  }
6413
6413
  .e-treeview .e-list-icon + .e-navigable-text,
6414
6414
  .e-treeview .e-list-img + .e-navigable-text {
6415
- padding: 0 10px;
6415
+ padding: 7px 10px;
6416
6416
  }
6417
6417
  .e-treeview .e-icon-collapsible,
6418
6418
  .e-treeview .e-icon-expandable {
@@ -7285,7 +7285,6 @@ ejs-sidebar {
7285
7285
  .e-menu-wrapper .e-ul .e-menu-item .e-caret,
7286
7286
  .e-menu-container .e-ul .e-menu-item .e-caret {
7287
7287
  font-size: 12px;
7288
- line-height: 42px;
7289
7288
  }
7290
7289
 
7291
7290
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
@@ -8290,11 +8290,11 @@
8290
8290
  }
8291
8291
  .e-treeview .e-list-icon + .e-list-text,
8292
8292
  .e-treeview .e-list-img + .e-list-text {
8293
- padding: 0 10px;
8293
+ padding: 7px 10px;
8294
8294
  }
8295
8295
  .e-treeview .e-list-icon + .e-navigable-text,
8296
8296
  .e-treeview .e-list-img + .e-navigable-text {
8297
- padding: 0 10px;
8297
+ padding: 7px 10px;
8298
8298
  }
8299
8299
  .e-treeview .e-icon-collapsible,
8300
8300
  .e-treeview .e-icon-expandable {
@@ -9333,7 +9333,6 @@ ejs-sidebar {
9333
9333
  .e-menu-wrapper .e-ul .e-menu-item .e-caret,
9334
9334
  .e-menu-container .e-ul .e-menu-item .e-caret {
9335
9335
  font-size: 12px;
9336
- line-height: 42px;
9337
9336
  }
9338
9337
 
9339
9338
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
@@ -6428,11 +6428,11 @@
6428
6428
  }
6429
6429
  .e-treeview .e-list-icon + .e-list-text,
6430
6430
  .e-treeview .e-list-img + .e-list-text {
6431
- padding: 0 10px;
6431
+ padding: 7px 10px;
6432
6432
  }
6433
6433
  .e-treeview .e-list-icon + .e-navigable-text,
6434
6434
  .e-treeview .e-list-img + .e-navigable-text {
6435
- padding: 0 10px;
6435
+ padding: 7px 10px;
6436
6436
  }
6437
6437
  .e-treeview .e-icon-collapsible,
6438
6438
  .e-treeview .e-icon-expandable {
@@ -7307,7 +7307,6 @@ ejs-sidebar {
7307
7307
  .e-menu-wrapper .e-ul .e-menu-item .e-caret,
7308
7308
  .e-menu-container .e-ul .e-menu-item .e-caret {
7309
7309
  font-size: 11px;
7310
- line-height: 42px;
7311
7310
  }
7312
7311
 
7313
7312
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
@@ -8310,11 +8310,11 @@
8310
8310
  }
8311
8311
  .e-treeview .e-list-icon + .e-list-text,
8312
8312
  .e-treeview .e-list-img + .e-list-text {
8313
- padding: 0 10px;
8313
+ padding: 7px 10px;
8314
8314
  }
8315
8315
  .e-treeview .e-list-icon + .e-navigable-text,
8316
8316
  .e-treeview .e-list-img + .e-navigable-text {
8317
- padding: 0 10px;
8317
+ padding: 7px 10px;
8318
8318
  }
8319
8319
  .e-treeview .e-icon-collapsible,
8320
8320
  .e-treeview .e-icon-expandable {
@@ -9349,7 +9349,6 @@ ejs-sidebar {
9349
9349
  .e-menu-wrapper .e-ul .e-menu-item .e-caret,
9350
9350
  .e-menu-container .e-ul .e-menu-item .e-caret {
9351
9351
  font-size: 11px;
9352
- line-height: 42px;
9353
9352
  }
9354
9353
 
9355
9354
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
@@ -7229,7 +7229,6 @@ ejs-sidebar {
7229
7229
  .e-menu-wrapper .e-ul .e-menu-item .e-caret,
7230
7230
  .e-menu-container .e-ul .e-menu-item .e-caret {
7231
7231
  font-size: 14px;
7232
- line-height: 32px;
7233
7232
  }
7234
7233
 
7235
7234
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
@@ -9358,7 +9358,6 @@ ejs-sidebar {
9358
9358
  .e-menu-wrapper .e-ul .e-menu-item .e-caret,
9359
9359
  .e-menu-container .e-ul .e-menu-item .e-caret {
9360
9360
  font-size: 14px;
9361
- line-height: 32px;
9362
9361
  }
9363
9362
 
9364
9363
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
@@ -7231,7 +7231,6 @@ ejs-sidebar {
7231
7231
  .e-menu-wrapper .e-ul .e-menu-item .e-caret,
7232
7232
  .e-menu-container .e-ul .e-menu-item .e-caret {
7233
7233
  font-size: 14px;
7234
- line-height: 32px;
7235
7234
  }
7236
7235
 
7237
7236
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
@@ -9360,7 +9360,6 @@ ejs-sidebar {
9360
9360
  .e-menu-wrapper .e-ul .e-menu-item .e-caret,
9361
9361
  .e-menu-container .e-ul .e-menu-item .e-caret {
9362
9362
  font-size: 14px;
9363
- line-height: 32px;
9364
9363
  }
9365
9364
 
9366
9365
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
@@ -11,7 +11,6 @@ $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;
15
14
  $menu-li-padding: 0 15px !default;
16
15
  $menu-li-text-indent: 15px !default;
17
16
  $menu-icon-font-size: 14px !default;
@@ -29,7 +29,6 @@ $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;
33
32
  $menu-li-padding: 0 12px !default;
34
33
  $menu-li-text-indent: 12px !default;
35
34
  $menu-li-right-padding: 12px !default;
@@ -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: 40px !default;
44
+ $menu-icon-li-height: 44px !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;
@@ -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: 18px !default;
66
+ $menu-icon-li-height: 42px !default;
67
67
  $menu-bigger-li-icon-height: 55px !default;
@@ -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 == 'Material3' {
87
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
88
88
  line-height: $menu-icon-li-height;
89
89
  }
90
90
  @else {
@@ -127,12 +127,6 @@
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
- }
136
130
  }
137
131
  }
138
132
  }
@@ -285,7 +285,6 @@
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;
289
288
  }
290
289
 
291
290
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
@@ -246,7 +246,6 @@
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;
250
249
  }
251
250
 
252
251
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
@@ -248,7 +248,6 @@
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;
252
251
  }
253
252
 
254
253
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
@@ -248,7 +248,6 @@
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;
252
251
  }
253
252
 
254
253
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
@@ -271,7 +271,6 @@
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;
275
274
  }
276
275
 
277
276
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
@@ -275,7 +275,6 @@
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;
279
278
  }
280
279
 
281
280
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
@@ -271,7 +271,6 @@
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;
275
274
  }
276
275
 
277
276
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
@@ -246,7 +246,6 @@
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;
250
249
  }
251
250
 
252
251
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
@@ -247,7 +247,6 @@
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;
251
250
  }
252
251
 
253
252
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
@@ -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: 40px;
210
+ line-height: 44px;
211
211
  position: absolute;
212
212
  right: 8px;
213
213
  top: 0;
@@ -271,7 +271,6 @@
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;
275
274
  }
276
275
 
277
276
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
@@ -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: 40px;
210
+ line-height: 44px;
211
211
  position: absolute;
212
212
  right: 8px;
213
213
  top: 0;
@@ -271,7 +271,6 @@
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;
275
274
  }
276
275
 
277
276
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
@@ -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: 40px;
220
+ line-height: 42px;
221
221
  position: absolute;
222
222
  right: 8px;
223
223
  top: 0;
@@ -285,7 +285,6 @@
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;
289
288
  }
290
289
 
291
290
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
@@ -246,7 +246,6 @@
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;
250
249
  }
251
250
 
252
251
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
@@ -247,7 +247,6 @@
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;
251
250
  }
252
251
 
253
252
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
@@ -290,7 +290,6 @@
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;
294
293
  }
295
294
 
296
295
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
@@ -292,7 +292,6 @@
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;
296
295
  }
297
296
 
298
297
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
@@ -273,7 +273,6 @@
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: 32px;
277
276
  }
278
277
 
279
278
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
@@ -275,7 +275,6 @@
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: 32px;
279
278
  }
280
279
 
281
280
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
@@ -271,7 +271,6 @@
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;
275
274
  }
276
275
 
277
276
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
@@ -271,7 +271,6 @@
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;
275
274
  }
276
275
 
277
276
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
@@ -278,7 +278,6 @@
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;
282
281
  }
283
282
 
284
283
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
@@ -7257,7 +7257,6 @@ 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;
7261
7260
  }
7262
7261
 
7263
7262
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
@@ -9439,7 +9439,6 @@ 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;
9443
9442
  }
9444
9443
 
9445
9444
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
@@ -7257,7 +7257,6 @@ 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;
7261
7260
  }
7262
7261
 
7263
7262
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
@@ -9439,7 +9439,6 @@ 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;
9443
9442
  }
9444
9443
 
9445
9444
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
@@ -7255,7 +7255,6 @@ ejs-sidebar {
7255
7255
  .e-menu-wrapper .e-ul .e-menu-item .e-caret,
7256
7256
  .e-menu-container .e-ul .e-menu-item .e-caret {
7257
7257
  font-size: 14px;
7258
- line-height: 38px;
7259
7258
  }
7260
7259
 
7261
7260
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
@@ -9387,7 +9387,6 @@ ejs-sidebar {
9387
9387
  .e-menu-wrapper .e-ul .e-menu-item .e-caret,
9388
9388
  .e-menu-container .e-ul .e-menu-item .e-caret {
9389
9389
  font-size: 14px;
9390
- line-height: 38px;
9391
9390
  }
9392
9391
 
9393
9392
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
@@ -190,8 +190,7 @@
190
190
  }
191
191
 
192
192
  @if $skin-name == 'highcontrast' {
193
- padding-top: 11px;
194
- padding-bottom: 11px;
193
+ padding: $treeview-big-text-padding;
195
194
  }
196
195
 
197
196
  @if $skin-name == 'material' or $skin-name == 'material-dark' {
@@ -200,8 +199,7 @@
200
199
  }
201
200
 
202
201
  @if $skin-name == 'FluentUI' {
203
- padding-top: 10px;
204
- padding-bottom: 10px;
202
+ padding: $treeview-big-text-padding;
205
203
  }
206
204
 
207
205
  @if $skin-name == 'bootstrap4' {
@@ -81,7 +81,7 @@ $treeview-navigable-icon-image-anchor-margin-reverse: 0 4px 0 8px !default;
81
81
  $treeview-navigable-rtl-margin-reverse: 0 12px 0 0 !default;
82
82
  $treeview-rtl-image-margin: 2px 4px 0 0 !default;
83
83
  $treeview-input-padding: 0 7px !default;
84
- $treeview-image-text-padding: 0 8px !default;
84
+ $treeview-image-text-padding: 9px 8px !default;
85
85
  $treeview-icon-image-margin: 0 0 0 10px !default;
86
86
  $treeview-rtl-icon-image-margin: 0 10px 0 0 !default;
87
87
  $treeview-check-margin: 0 0 0 5px !default;
@@ -112,7 +112,7 @@ $treeview-big-drag-item-text-padding-left: 12px !default;
112
112
  $treeview-drag-text-padding: 0px 8px 0px 4px !default;
113
113
  $treeview-big-input-padding: 0 9px !default;
114
114
  $treeview-big-icon-padding: 7px !default;
115
- $treeview-big-image-text-padding: 0 12px !default;
115
+ $treeview-big-image-text-padding: 13px 12px !default;
116
116
  $treeview-big-image-margin: 4px 0 0 10px !default;
117
117
  $treeview-big-rtl-icon-margin: 0 -24px 1px 0;
118
118
  $treeview-big-rtl-image-margin: 2px 10px 0 0 !default;