@syncfusion/ej2-navigations 32.2.8 → 33.1.44

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 (116) hide show
  1. package/dist/ej2-navigations.min.js +2 -2
  2. package/dist/ej2-navigations.umd.min.js +2 -2
  3. package/dist/ej2-navigations.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-navigations.es2015.js +12 -3
  5. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  6. package/dist/es6/ej2-navigations.es5.js +12 -3
  7. package/dist/es6/ej2-navigations.es5.js.map +1 -1
  8. package/dist/global/ej2-navigations.min.js +2 -2
  9. package/dist/global/ej2-navigations.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +7 -7
  12. package/src/accordion/accordion.js +7 -2
  13. package/src/common/menu-base.js +5 -1
  14. package/styles/appbar/material3-dark.css +0 -5
  15. package/styles/appbar/material3.css +0 -5
  16. package/styles/bds-lite.css +13 -17
  17. package/styles/bds.css +13 -17
  18. package/styles/bootstrap-dark-lite.css +13 -13
  19. package/styles/bootstrap-dark.css +13 -13
  20. package/styles/bootstrap-lite.css +13 -13
  21. package/styles/bootstrap.css +13 -13
  22. package/styles/bootstrap4-lite.css +13 -13
  23. package/styles/bootstrap4.css +13 -13
  24. package/styles/bootstrap5-dark-lite.css +18 -18
  25. package/styles/bootstrap5-dark.css +25 -25
  26. package/styles/bootstrap5-lite.css +18 -18
  27. package/styles/bootstrap5.3-lite.css +15 -19
  28. package/styles/bootstrap5.3.css +17 -21
  29. package/styles/bootstrap5.css +25 -25
  30. package/styles/breadcrumb/material3-dark.css +0 -1
  31. package/styles/breadcrumb/material3.css +0 -1
  32. package/styles/carousel/material3-dark.css +0 -2
  33. package/styles/carousel/material3.css +0 -2
  34. package/styles/context-menu/material3-dark.css +0 -2
  35. package/styles/context-menu/material3.css +0 -2
  36. package/styles/fabric-dark-lite.css +13 -13
  37. package/styles/fabric-dark.css +13 -13
  38. package/styles/fabric-lite.css +13 -13
  39. package/styles/fabric.css +13 -13
  40. package/styles/fluent-dark-lite.css +13 -13
  41. package/styles/fluent-dark.css +13 -13
  42. package/styles/fluent-lite.css +13 -13
  43. package/styles/fluent.css +13 -13
  44. package/styles/fluent2-lite.css +13 -17
  45. package/styles/fluent2.css +13 -17
  46. package/styles/h-scroll/bds.css +0 -2
  47. package/styles/h-scroll/bootstrap5.3.css +0 -2
  48. package/styles/h-scroll/fluent2.css +0 -2
  49. package/styles/h-scroll/material3-dark.css +0 -4
  50. package/styles/h-scroll/material3.css +0 -4
  51. package/styles/h-scroll/tailwind3.css +0 -2
  52. package/styles/highcontrast-light-lite.css +13 -13
  53. package/styles/highcontrast-light.css +13 -13
  54. package/styles/highcontrast-lite.css +13 -13
  55. package/styles/highcontrast.css +13 -13
  56. package/styles/material-dark-lite.css +13 -13
  57. package/styles/material-dark.css +13 -13
  58. package/styles/material-lite.css +13 -13
  59. package/styles/material.css +13 -13
  60. package/styles/material3-dark-lite.css +13 -62
  61. package/styles/material3-dark.css +13 -62
  62. package/styles/material3-lite.css +13 -62
  63. package/styles/material3.css +13 -62
  64. package/styles/menu/material3-dark.css +0 -2
  65. package/styles/menu/material3.css +0 -2
  66. package/styles/pager/_bigger.scss +4 -4
  67. package/styles/pager/_bootstrap5-dark-definition.scss +8 -8
  68. package/styles/pager/_bootstrap5-definition.scss +8 -8
  69. package/styles/pager/_layout.scss +2 -2
  70. package/styles/pager/_tailwind3-definition.scss +9 -9
  71. package/styles/pager/bootstrap5-dark.css +12 -12
  72. package/styles/pager/bootstrap5.3.css +4 -4
  73. package/styles/pager/bootstrap5.css +12 -12
  74. package/styles/pager/tailwind3.css +12 -12
  75. package/styles/sidebar/_theme.scss +13 -13
  76. package/styles/sidebar/bds.css +13 -13
  77. package/styles/sidebar/bootstrap-dark.css +13 -13
  78. package/styles/sidebar/bootstrap.css +13 -13
  79. package/styles/sidebar/bootstrap4.css +13 -13
  80. package/styles/sidebar/bootstrap5-dark.css +13 -13
  81. package/styles/sidebar/bootstrap5.3.css +13 -13
  82. package/styles/sidebar/bootstrap5.css +13 -13
  83. package/styles/sidebar/fabric-dark.css +13 -13
  84. package/styles/sidebar/fabric.css +13 -13
  85. package/styles/sidebar/fluent-dark.css +13 -13
  86. package/styles/sidebar/fluent.css +13 -13
  87. package/styles/sidebar/fluent2.css +13 -13
  88. package/styles/sidebar/highcontrast-light.css +13 -13
  89. package/styles/sidebar/highcontrast.css +13 -13
  90. package/styles/sidebar/material-dark.css +13 -13
  91. package/styles/sidebar/material.css +13 -13
  92. package/styles/sidebar/material3-dark.css +13 -14
  93. package/styles/sidebar/material3.css +13 -14
  94. package/styles/sidebar/tailwind-dark.css +13 -13
  95. package/styles/sidebar/tailwind.css +13 -13
  96. package/styles/sidebar/tailwind3.css +13 -13
  97. package/styles/stepper/material3-dark.css +0 -4
  98. package/styles/stepper/material3.css +0 -4
  99. package/styles/tab/material3-dark.css +0 -12
  100. package/styles/tab/material3.css +0 -12
  101. package/styles/tailwind-dark-lite.css +13 -13
  102. package/styles/tailwind-dark.css +13 -13
  103. package/styles/tailwind-lite.css +13 -13
  104. package/styles/tailwind.css +13 -13
  105. package/styles/tailwind3-lite.css +20 -24
  106. package/styles/tailwind3.css +25 -29
  107. package/styles/toolbar/material3-dark.css +0 -11
  108. package/styles/toolbar/material3.css +0 -11
  109. package/styles/treeview/material3-dark.css +0 -1
  110. package/styles/treeview/material3.css +0 -1
  111. package/styles/v-scroll/bds.css +0 -2
  112. package/styles/v-scroll/bootstrap5.3.css +0 -2
  113. package/styles/v-scroll/fluent2.css +0 -2
  114. package/styles/v-scroll/material3-dark.css +0 -4
  115. package/styles/v-scroll/material3.css +0 -4
  116. package/styles/v-scroll/tailwind3.css +0 -2
package/styles/tab/material3.css CHANGED
@@ -2235,7 +2235,6 @@
2235
2235
  border: initial;
2236
2236
  }
2237
2237
  .e-tab .e-tab-header .e-toolbar-pop {
2238
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-surface), 1)), to(rgba(var(--color-sf-surface), 1))), rgba(var(--color-sf-surface));
2239
2238
  background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
2240
2239
  border: 1px var(--color-sf-black);
2241
2240
  border-radius: calc(var(--e-radius) * 0.25);
@@ -2310,7 +2309,6 @@
2310
2309
  }
2311
2310
  .e-tab .e-tab-header .e-scroll-nav:focus .e-nav-arrow,
2312
2311
  .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow {
2313
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.08)), to(rgba(var(--color-sf-on-surface), 0.08))), rgba(var(--color-sf-surface));
2314
2312
  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08)), rgba(var(--color-sf-surface));
2315
2313
  color: rgba(var(--color-sf-on-surface-variant));
2316
2314
  border: 0;
@@ -2322,7 +2320,6 @@
2322
2320
  }
2323
2321
  .e-tab .e-tab-header .e-scroll-nav:focus .e-nav-arrow:active,
2324
2322
  .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow:active {
2325
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.08)), to(rgba(var(--color-sf-on-surface), 0.08))), rgba(var(--color-sf-surface));
2326
2323
  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08)), rgba(var(--color-sf-surface));
2327
2324
  border-color: unset;
2328
2325
  color: rgba(var(--color-sf-on-surface-variant));
@@ -2376,7 +2373,6 @@
2376
2373
  .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon,
2377
2374
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-up-icon,
2378
2375
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-down-icon {
2379
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.08)), to(rgba(var(--color-sf-on-surface), 0.08))), rgba(var(--color-sf-surface));
2380
2376
  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08)), rgba(var(--color-sf-surface));
2381
2377
  border: 0;
2382
2378
  border-radius: calc(var(--e-radius) * 0);
@@ -2502,12 +2498,10 @@
2502
2498
  background: none;
2503
2499
  }
2504
2500
  .e-tab .e-tab-header.e-vertical .e-scroll-nav:hover {
2505
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.08)), to(rgba(var(--color-sf-on-surface), 0.08))), rgba(var(--color-sf-surface));
2506
2501
  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08)), rgba(var(--color-sf-surface));
2507
2502
  border-color: rgba(var(--color-sf-outline-variant), 0.12) transparent transparent;
2508
2503
  }
2509
2504
  .e-tab .e-tab-header.e-vertical .e-scroll-nav:hover:active:focus {
2510
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.08)), to(rgba(var(--color-sf-on-surface), 0.08))), rgba(var(--color-sf-surface));
2511
2505
  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08)), rgba(var(--color-sf-surface));
2512
2506
  }
2513
2507
  .e-tab .e-tab-header.e-vertical .e-scroll-nav:hover .e-nav-arrow {
@@ -2517,7 +2511,6 @@
2517
2511
  background: none;
2518
2512
  }
2519
2513
  .e-tab .e-tab-header.e-vertical .e-scroll-nav:focus {
2520
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.08)), to(rgba(var(--color-sf-on-surface), 0.08))), rgba(var(--color-sf-surface));
2521
2514
  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08)), rgba(var(--color-sf-surface));
2522
2515
  }
2523
2516
  .e-tab .e-tab-header.e-vertical .e-scroll-nav:focus:hover:active .e-nav-arrow {
@@ -2586,7 +2579,6 @@
2586
2579
  .e-tab.e-focused > .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
2587
2580
  .e-tab.e-focused > .e-tab-header .e-hor-nav:focus .e-popup-down-icon {
2588
2581
  color: rgba(var(--color-sf-on-surface-variant));
2589
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.08)), to(rgba(var(--color-sf-on-surface), 0.08))), rgba(var(--color-sf-surface));
2590
2582
  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08)), rgba(var(--color-sf-surface));
2591
2583
  border: 0;
2592
2584
  }
@@ -2941,7 +2933,6 @@
2941
2933
  .e-tab.e-background .e-tab-header .e-scroll-nav:focus .e-nav-arrow {
2942
2934
  color: rgba(var(--color-sf-on-primary));
2943
2935
  border: 0;
2944
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.08)), to(rgba(var(--color-sf-on-surface), 0.08))), rgba(var(--color-sf-surface));
2945
2936
  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08)), rgba(var(--color-sf-surface));
2946
2937
  }
2947
2938
  .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow:hover,
@@ -2951,7 +2942,6 @@
2951
2942
  }
2952
2943
  .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow:active,
2953
2944
  .e-tab.e-background .e-tab-header .e-scroll-nav:focus .e-nav-arrow:active {
2954
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.08)), to(rgba(var(--color-sf-on-surface), 0.08))), rgba(var(--color-sf-surface));
2955
2945
  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08)), rgba(var(--color-sf-surface));
2956
2946
  border-color: unset;
2957
2947
  color: rgba(var(--color-sf-on-primary));
@@ -2992,7 +2982,6 @@
2992
2982
  .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
2993
2983
  .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-down-icon {
2994
2984
  color: rgba(var(--color-sf-on-primary));
2995
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.08)), to(rgba(var(--color-sf-on-surface), 0.08))), rgba(var(--color-sf-surface));
2996
2985
  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08)), rgba(var(--color-sf-surface));
2997
2986
  border: 0;
2998
2987
  }
@@ -3186,7 +3175,6 @@
3186
3175
  }
3187
3176
 
3188
3177
  .e-tab-clone-element {
3189
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
3190
3178
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
3191
3179
  color: rgba(var(--color-sf-on-surface-variant));
3192
3180
  }
package/styles/tailwind-dark-lite.css CHANGED
@@ -6953,77 +6953,77 @@ ejs-sidebar {
6953
6953
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
6954
6954
  }
6955
6955
 
6956
- .e-sidebarcontainer.e-sidebar.e-over, .e-sidebarcontainer.e-sidebar.e-auto, .e-sidebarcontainer.e-sidebar.e-push, .e-sidebarcontainer.e-sidebar.e-slide + div {
6956
+ .e-sidebarcontainer > .e-sidebar.e-over, .e-sidebarcontainer > .e-sidebar.e-auto, .e-sidebarcontainer > .e-sidebar.e-push, .e-sidebarcontainer > .e-sidebar.e-slide + div {
6957
6957
  -webkit-transition: margin 0.5s ease, -webkit-transform 0.5s ease;
6958
6958
  transition: margin 0.5s ease, -webkit-transform 0.5s ease;
6959
6959
  transition: margin 0.5s ease, transform 0.5s ease;
6960
6960
  transition: margin 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
6961
6961
  }
6962
- .e-sidebarcontainer.e-left.e-open.e-auto + div {
6962
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-auto + div {
6963
6963
  margin-right: 0;
6964
6964
  -webkit-transform: translateX(0);
6965
6965
  transform: translateX(0);
6966
6966
  margin-left: var(--sidebar-width);
6967
6967
  }
6968
- .e-sidebarcontainer.e-left.e-close.e-auto + div {
6968
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-auto + div {
6969
6969
  margin-right: 0;
6970
6970
  -webkit-transform: translateX(0);
6971
6971
  transform: translateX(0);
6972
6972
  margin-left: 0;
6973
6973
  }
6974
- .e-sidebarcontainer.e-right.e-open.e-auto + div {
6974
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-auto + div {
6975
6975
  margin-left: 0;
6976
6976
  -webkit-transform: translateX(0);
6977
6977
  transform: translateX(0);
6978
6978
  margin-right: var(--sidebar-width);
6979
6979
  }
6980
- .e-sidebarcontainer.e-right.e-close.e-auto + div {
6980
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-auto + div {
6981
6981
  margin-right: 0;
6982
6982
  -webkit-transform: translateX(0);
6983
6983
  transform: translateX(0);
6984
6984
  margin-left: 0;
6985
6985
  }
6986
- .e-sidebarcontainer.e-left.e-open.e-push + div {
6986
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-push + div {
6987
6987
  margin-right: 0;
6988
6988
  -webkit-transform: translateX(0);
6989
6989
  transform: translateX(0);
6990
6990
  margin-left: var(--sidebar-width);
6991
6991
  }
6992
- .e-sidebarcontainer.e-left.e-close.e-push + div {
6992
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-push + div {
6993
6993
  margin-right: 0;
6994
6994
  -webkit-transform: translateX(0);
6995
6995
  transform: translateX(0);
6996
6996
  margin-left: 0;
6997
6997
  }
6998
- .e-sidebarcontainer.e-right.e-open.e-push + div {
6998
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-push + div {
6999
6999
  margin-left: 0;
7000
7000
  -webkit-transform: translateX(0);
7001
7001
  transform: translateX(0);
7002
7002
  margin-right: var(--sidebar-width);
7003
7003
  }
7004
- .e-sidebarcontainer.e-right.e-close.e-push + div {
7004
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-push + div {
7005
7005
  margin-right: 0;
7006
7006
  -webkit-transform: translateX(0);
7007
7007
  transform: translateX(0);
7008
7008
  margin-left: 0;
7009
7009
  }
7010
- .e-sidebarcontainer.e-left.e-open.e-slide + div {
7010
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-slide + div {
7011
7011
  margin-left: 0;
7012
7012
  -webkit-transform: translate(var(--sidebar-width));
7013
7013
  transform: translate(var(--sidebar-width));
7014
7014
  }
7015
- .e-sidebarcontainer.e-left.e-close.e-slide + div {
7015
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-slide + div {
7016
7016
  margin-left: 0;
7017
7017
  -webkit-transform: translate(0);
7018
7018
  transform: translate(0);
7019
7019
  }
7020
- .e-sidebarcontainer.e-right.e-open.e-slide + div {
7020
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-slide + div {
7021
7021
  margin-right: 0;
7022
7022
  margin-left: 0;
7023
7023
  -webkit-transform: translate(calc(-1 * var(--sidebar-width)));
7024
7024
  transform: translate(calc(-1 * var(--sidebar-width)));
7025
7025
  }
7026
- .e-sidebarcontainer.e-right.e-close.e-slide + div {
7026
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-slide + div {
7027
7027
  margin-right: 0;
7028
7028
  margin-left: 0;
7029
7029
  -webkit-transform: translate(0);
package/styles/tailwind-dark.css CHANGED
@@ -9176,77 +9176,77 @@ ejs-sidebar {
9176
9176
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
9177
9177
  }
9178
9178
 
9179
- .e-sidebarcontainer.e-sidebar.e-over, .e-sidebarcontainer.e-sidebar.e-auto, .e-sidebarcontainer.e-sidebar.e-push, .e-sidebarcontainer.e-sidebar.e-slide + div {
9179
+ .e-sidebarcontainer > .e-sidebar.e-over, .e-sidebarcontainer > .e-sidebar.e-auto, .e-sidebarcontainer > .e-sidebar.e-push, .e-sidebarcontainer > .e-sidebar.e-slide + div {
9180
9180
  -webkit-transition: margin 0.5s ease, -webkit-transform 0.5s ease;
9181
9181
  transition: margin 0.5s ease, -webkit-transform 0.5s ease;
9182
9182
  transition: margin 0.5s ease, transform 0.5s ease;
9183
9183
  transition: margin 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
9184
9184
  }
9185
- .e-sidebarcontainer.e-left.e-open.e-auto + div {
9185
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-auto + div {
9186
9186
  margin-right: 0;
9187
9187
  -webkit-transform: translateX(0);
9188
9188
  transform: translateX(0);
9189
9189
  margin-left: var(--sidebar-width);
9190
9190
  }
9191
- .e-sidebarcontainer.e-left.e-close.e-auto + div {
9191
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-auto + div {
9192
9192
  margin-right: 0;
9193
9193
  -webkit-transform: translateX(0);
9194
9194
  transform: translateX(0);
9195
9195
  margin-left: 0;
9196
9196
  }
9197
- .e-sidebarcontainer.e-right.e-open.e-auto + div {
9197
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-auto + div {
9198
9198
  margin-left: 0;
9199
9199
  -webkit-transform: translateX(0);
9200
9200
  transform: translateX(0);
9201
9201
  margin-right: var(--sidebar-width);
9202
9202
  }
9203
- .e-sidebarcontainer.e-right.e-close.e-auto + div {
9203
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-auto + div {
9204
9204
  margin-right: 0;
9205
9205
  -webkit-transform: translateX(0);
9206
9206
  transform: translateX(0);
9207
9207
  margin-left: 0;
9208
9208
  }
9209
- .e-sidebarcontainer.e-left.e-open.e-push + div {
9209
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-push + div {
9210
9210
  margin-right: 0;
9211
9211
  -webkit-transform: translateX(0);
9212
9212
  transform: translateX(0);
9213
9213
  margin-left: var(--sidebar-width);
9214
9214
  }
9215
- .e-sidebarcontainer.e-left.e-close.e-push + div {
9215
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-push + div {
9216
9216
  margin-right: 0;
9217
9217
  -webkit-transform: translateX(0);
9218
9218
  transform: translateX(0);
9219
9219
  margin-left: 0;
9220
9220
  }
9221
- .e-sidebarcontainer.e-right.e-open.e-push + div {
9221
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-push + div {
9222
9222
  margin-left: 0;
9223
9223
  -webkit-transform: translateX(0);
9224
9224
  transform: translateX(0);
9225
9225
  margin-right: var(--sidebar-width);
9226
9226
  }
9227
- .e-sidebarcontainer.e-right.e-close.e-push + div {
9227
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-push + div {
9228
9228
  margin-right: 0;
9229
9229
  -webkit-transform: translateX(0);
9230
9230
  transform: translateX(0);
9231
9231
  margin-left: 0;
9232
9232
  }
9233
- .e-sidebarcontainer.e-left.e-open.e-slide + div {
9233
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-slide + div {
9234
9234
  margin-left: 0;
9235
9235
  -webkit-transform: translate(var(--sidebar-width));
9236
9236
  transform: translate(var(--sidebar-width));
9237
9237
  }
9238
- .e-sidebarcontainer.e-left.e-close.e-slide + div {
9238
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-slide + div {
9239
9239
  margin-left: 0;
9240
9240
  -webkit-transform: translate(0);
9241
9241
  transform: translate(0);
9242
9242
  }
9243
- .e-sidebarcontainer.e-right.e-open.e-slide + div {
9243
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-slide + div {
9244
9244
  margin-right: 0;
9245
9245
  margin-left: 0;
9246
9246
  -webkit-transform: translate(calc(-1 * var(--sidebar-width)));
9247
9247
  transform: translate(calc(-1 * var(--sidebar-width)));
9248
9248
  }
9249
- .e-sidebarcontainer.e-right.e-close.e-slide + div {
9249
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-slide + div {
9250
9250
  margin-right: 0;
9251
9251
  margin-left: 0;
9252
9252
  -webkit-transform: translate(0);
package/styles/tailwind-lite.css CHANGED
@@ -6953,77 +6953,77 @@ ejs-sidebar {
6953
6953
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
6954
6954
  }
6955
6955
 
6956
- .e-sidebarcontainer.e-sidebar.e-over, .e-sidebarcontainer.e-sidebar.e-auto, .e-sidebarcontainer.e-sidebar.e-push, .e-sidebarcontainer.e-sidebar.e-slide + div {
6956
+ .e-sidebarcontainer > .e-sidebar.e-over, .e-sidebarcontainer > .e-sidebar.e-auto, .e-sidebarcontainer > .e-sidebar.e-push, .e-sidebarcontainer > .e-sidebar.e-slide + div {
6957
6957
  -webkit-transition: margin 0.5s ease, -webkit-transform 0.5s ease;
6958
6958
  transition: margin 0.5s ease, -webkit-transform 0.5s ease;
6959
6959
  transition: margin 0.5s ease, transform 0.5s ease;
6960
6960
  transition: margin 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
6961
6961
  }
6962
- .e-sidebarcontainer.e-left.e-open.e-auto + div {
6962
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-auto + div {
6963
6963
  margin-right: 0;
6964
6964
  -webkit-transform: translateX(0);
6965
6965
  transform: translateX(0);
6966
6966
  margin-left: var(--sidebar-width);
6967
6967
  }
6968
- .e-sidebarcontainer.e-left.e-close.e-auto + div {
6968
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-auto + div {
6969
6969
  margin-right: 0;
6970
6970
  -webkit-transform: translateX(0);
6971
6971
  transform: translateX(0);
6972
6972
  margin-left: 0;
6973
6973
  }
6974
- .e-sidebarcontainer.e-right.e-open.e-auto + div {
6974
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-auto + div {
6975
6975
  margin-left: 0;
6976
6976
  -webkit-transform: translateX(0);
6977
6977
  transform: translateX(0);
6978
6978
  margin-right: var(--sidebar-width);
6979
6979
  }
6980
- .e-sidebarcontainer.e-right.e-close.e-auto + div {
6980
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-auto + div {
6981
6981
  margin-right: 0;
6982
6982
  -webkit-transform: translateX(0);
6983
6983
  transform: translateX(0);
6984
6984
  margin-left: 0;
6985
6985
  }
6986
- .e-sidebarcontainer.e-left.e-open.e-push + div {
6986
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-push + div {
6987
6987
  margin-right: 0;
6988
6988
  -webkit-transform: translateX(0);
6989
6989
  transform: translateX(0);
6990
6990
  margin-left: var(--sidebar-width);
6991
6991
  }
6992
- .e-sidebarcontainer.e-left.e-close.e-push + div {
6992
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-push + div {
6993
6993
  margin-right: 0;
6994
6994
  -webkit-transform: translateX(0);
6995
6995
  transform: translateX(0);
6996
6996
  margin-left: 0;
6997
6997
  }
6998
- .e-sidebarcontainer.e-right.e-open.e-push + div {
6998
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-push + div {
6999
6999
  margin-left: 0;
7000
7000
  -webkit-transform: translateX(0);
7001
7001
  transform: translateX(0);
7002
7002
  margin-right: var(--sidebar-width);
7003
7003
  }
7004
- .e-sidebarcontainer.e-right.e-close.e-push + div {
7004
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-push + div {
7005
7005
  margin-right: 0;
7006
7006
  -webkit-transform: translateX(0);
7007
7007
  transform: translateX(0);
7008
7008
  margin-left: 0;
7009
7009
  }
7010
- .e-sidebarcontainer.e-left.e-open.e-slide + div {
7010
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-slide + div {
7011
7011
  margin-left: 0;
7012
7012
  -webkit-transform: translate(var(--sidebar-width));
7013
7013
  transform: translate(var(--sidebar-width));
7014
7014
  }
7015
- .e-sidebarcontainer.e-left.e-close.e-slide + div {
7015
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-slide + div {
7016
7016
  margin-left: 0;
7017
7017
  -webkit-transform: translate(0);
7018
7018
  transform: translate(0);
7019
7019
  }
7020
- .e-sidebarcontainer.e-right.e-open.e-slide + div {
7020
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-slide + div {
7021
7021
  margin-right: 0;
7022
7022
  margin-left: 0;
7023
7023
  -webkit-transform: translate(calc(-1 * var(--sidebar-width)));
7024
7024
  transform: translate(calc(-1 * var(--sidebar-width)));
7025
7025
  }
7026
- .e-sidebarcontainer.e-right.e-close.e-slide + div {
7026
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-slide + div {
7027
7027
  margin-right: 0;
7028
7028
  margin-left: 0;
7029
7029
  -webkit-transform: translate(0);
package/styles/tailwind.css CHANGED
@@ -9176,77 +9176,77 @@ ejs-sidebar {
9176
9176
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
9177
9177
  }
9178
9178
 
9179
- .e-sidebarcontainer.e-sidebar.e-over, .e-sidebarcontainer.e-sidebar.e-auto, .e-sidebarcontainer.e-sidebar.e-push, .e-sidebarcontainer.e-sidebar.e-slide + div {
9179
+ .e-sidebarcontainer > .e-sidebar.e-over, .e-sidebarcontainer > .e-sidebar.e-auto, .e-sidebarcontainer > .e-sidebar.e-push, .e-sidebarcontainer > .e-sidebar.e-slide + div {
9180
9180
  -webkit-transition: margin 0.5s ease, -webkit-transform 0.5s ease;
9181
9181
  transition: margin 0.5s ease, -webkit-transform 0.5s ease;
9182
9182
  transition: margin 0.5s ease, transform 0.5s ease;
9183
9183
  transition: margin 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
9184
9184
  }
9185
- .e-sidebarcontainer.e-left.e-open.e-auto + div {
9185
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-auto + div {
9186
9186
  margin-right: 0;
9187
9187
  -webkit-transform: translateX(0);
9188
9188
  transform: translateX(0);
9189
9189
  margin-left: var(--sidebar-width);
9190
9190
  }
9191
- .e-sidebarcontainer.e-left.e-close.e-auto + div {
9191
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-auto + div {
9192
9192
  margin-right: 0;
9193
9193
  -webkit-transform: translateX(0);
9194
9194
  transform: translateX(0);
9195
9195
  margin-left: 0;
9196
9196
  }
9197
- .e-sidebarcontainer.e-right.e-open.e-auto + div {
9197
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-auto + div {
9198
9198
  margin-left: 0;
9199
9199
  -webkit-transform: translateX(0);
9200
9200
  transform: translateX(0);
9201
9201
  margin-right: var(--sidebar-width);
9202
9202
  }
9203
- .e-sidebarcontainer.e-right.e-close.e-auto + div {
9203
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-auto + div {
9204
9204
  margin-right: 0;
9205
9205
  -webkit-transform: translateX(0);
9206
9206
  transform: translateX(0);
9207
9207
  margin-left: 0;
9208
9208
  }
9209
- .e-sidebarcontainer.e-left.e-open.e-push + div {
9209
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-push + div {
9210
9210
  margin-right: 0;
9211
9211
  -webkit-transform: translateX(0);
9212
9212
  transform: translateX(0);
9213
9213
  margin-left: var(--sidebar-width);
9214
9214
  }
9215
- .e-sidebarcontainer.e-left.e-close.e-push + div {
9215
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-push + div {
9216
9216
  margin-right: 0;
9217
9217
  -webkit-transform: translateX(0);
9218
9218
  transform: translateX(0);
9219
9219
  margin-left: 0;
9220
9220
  }
9221
- .e-sidebarcontainer.e-right.e-open.e-push + div {
9221
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-push + div {
9222
9222
  margin-left: 0;
9223
9223
  -webkit-transform: translateX(0);
9224
9224
  transform: translateX(0);
9225
9225
  margin-right: var(--sidebar-width);
9226
9226
  }
9227
- .e-sidebarcontainer.e-right.e-close.e-push + div {
9227
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-push + div {
9228
9228
  margin-right: 0;
9229
9229
  -webkit-transform: translateX(0);
9230
9230
  transform: translateX(0);
9231
9231
  margin-left: 0;
9232
9232
  }
9233
- .e-sidebarcontainer.e-left.e-open.e-slide + div {
9233
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-slide + div {
9234
9234
  margin-left: 0;
9235
9235
  -webkit-transform: translate(var(--sidebar-width));
9236
9236
  transform: translate(var(--sidebar-width));
9237
9237
  }
9238
- .e-sidebarcontainer.e-left.e-close.e-slide + div {
9238
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-slide + div {
9239
9239
  margin-left: 0;
9240
9240
  -webkit-transform: translate(0);
9241
9241
  transform: translate(0);
9242
9242
  }
9243
- .e-sidebarcontainer.e-right.e-open.e-slide + div {
9243
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-slide + div {
9244
9244
  margin-right: 0;
9245
9245
  margin-left: 0;
9246
9246
  -webkit-transform: translate(calc(-1 * var(--sidebar-width)));
9247
9247
  transform: translate(calc(-1 * var(--sidebar-width)));
9248
9248
  }
9249
- .e-sidebarcontainer.e-right.e-close.e-slide + div {
9249
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-slide + div {
9250
9250
  margin-right: 0;
9251
9251
  margin-left: 0;
9252
9252
  -webkit-transform: translate(0);
package/styles/tailwind3-lite.css CHANGED
@@ -266,7 +266,7 @@
266
266
  .e-pager .e-currentitem {
267
267
  border-radius: calc(var(--e-radius) * 0);
268
268
  cursor: pointer;
269
- padding: 6.1px 11.85px 9.8px 11.8px;
269
+ padding: 6.2px 11.85px 9.8px 11.8px;
270
270
  text-decoration: none;
271
271
  }
272
272
  .e-pager .e-currentitem {
@@ -299,7 +299,7 @@
299
299
  margin-right: 0;
300
300
  margin-top: 0;
301
301
  min-width: 26px;
302
- padding: 8.85px 8.6px 7px 8.6px;
302
+ padding: 8.85px 8.6px 8px 8.6px;
303
303
  vertical-align: sub;
304
304
  }
305
305
  .e-pager .e-pagercontainer .e-lastpage,
@@ -369,14 +369,14 @@
369
369
  .e-pager .e-pp:hover,
370
370
  .e-pager .e-np:hover {
371
371
  font-size: 14px;
372
- padding: 6.1px 9.92px 9.9px 9.9px;
372
+ padding: 6.2px 9.92px 9.9px 9.9px;
373
373
  font-weight: bold;
374
374
  letter-spacing: 0;
375
375
  }
376
376
  .e-pager .e-np.e-focused,
377
377
  .e-pager .e-pp.e-focused {
378
378
  line-height: 1;
379
- padding: 6.1px 9.92px 9.9px 9.9px;
379
+ padding: 6.2px 9.92px 9.9px 9.9px;
380
380
  }
381
381
  .e-pager.e-adaptive {
382
382
  display: -webkit-box;
@@ -532,7 +532,7 @@
532
532
  padding: 0;
533
533
  }
534
534
  .e-pager.e-rtl .e-firstpage, .e-pager.e-rtl .e-prevpage, .e-pager.e-rtl .e-firstpagedisabled, .e-pager.e-rtl .e-prevpagedisabled, .e-pager.e-rtl .e-nextpage, .e-pager.e-rtl .e-lastpage, .e-pager.e-rtl .e-nextpagedisabled, .e-pager.e-rtl .e-lastpagedisabled {
535
- padding: 8.85px 8.6px 7px 8.6px;
535
+ padding: 8.85px 8.6px 8px 8.6px;
536
536
  }
537
537
  .e-pager.e-rtl .e-firstpage::before, .e-pager.e-rtl .e-firstpage:hover, .e-pager.e-rtl .e-firstpagedisabled::before {
538
538
  content: "\e701";
@@ -579,11 +579,11 @@
579
579
  }
580
580
  .e-pager.e-rtl .e-spacing, .e-pager.e-rtl .e-numericitem:hover, .e-pager.e-rtl .e-currentitem {
581
581
  margin: 0;
582
- padding: 6.1px 11.85px 9.8px 11.8px;
582
+ padding: 6.2px 11.85px 9.8px 11.8px;
583
583
  }
584
584
  .e-pager.e-rtl .e-pp, .e-pager.e-rtl .e-np, .e-pager.e-rtl .e-pp:hover, .e-pager.e-rtl .e-np:hover {
585
585
  margin-top: 0;
586
- padding: 6.1px 9.92px 9.9px 9.9px;
586
+ padding: 6.2px 9.92px 9.9px 9.9px;
587
587
  }
588
588
  .e-pager.e-rtl.e-adaptive.e-rtl div.e-parentmsgbar {
589
589
  margin: 0 5px;
@@ -1205,11 +1205,9 @@
1205
1205
  background-repeat: repeat-x;
1206
1206
  }
1207
1207
  .e-hscroll .e-scroll-overlay.e-scroll-left-overlay {
1208
- background-image: -webkit-gradient(linear, left top, right top, from(var(--color-sf-secondary-bg-color-disabled)), to(transparent));
1209
1208
  background-image: linear-gradient(-270deg, var(--color-sf-secondary-bg-color-disabled) 0%, transparent 100%);
1210
1209
  }
1211
1210
  .e-hscroll .e-scroll-overlay.e-scroll-right-overlay {
1212
- background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(var(--color-sf-secondary-bg-color-disabled)));
1213
1211
  background-image: linear-gradient(-270deg, transparent 0%, var(--color-sf-secondary-bg-color-disabled) 100%);
1214
1212
  }
1215
1213
  .e-hscroll.e-rtl .e-scroll-nav {
@@ -1579,11 +1577,9 @@
1579
1577
  background-repeat: repeat-x;
1580
1578
  }
1581
1579
  .e-vscroll .e-scroll-overlay.e-scroll-up-overlay {
1582
- background-image: -webkit-gradient(linear, left top, right top, from(var(--color-sf-secondary-bg-color-disabled)), to(transparent));
1583
1580
  background-image: linear-gradient(-270deg, var(--color-sf-secondary-bg-color-disabled) 0%, transparent 100%);
1584
1581
  }
1585
1582
  .e-vscroll .e-scroll-overlay.e-scroll-down-overlay {
1586
- background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(var(--color-sf-secondary-bg-color-disabled)));
1587
1583
  background-image: linear-gradient(-270deg, transparent 0%, var(--color-sf-secondary-bg-color-disabled) 100%);
1588
1584
  }
1589
1585
  .e-vscroll.e-rtl .e-scroll-nav {
@@ -8430,77 +8426,77 @@ ejs-sidebar {
8430
8426
  box-shadow: 0 1px 2px -1px rgba(var(--color-sf-black), 0.1), 0 1px 3px 0 rgba(var(--color-sf-black), 0.1);
8431
8427
  }
8432
8428
 
8433
- .e-sidebarcontainer.e-sidebar.e-over, .e-sidebarcontainer.e-sidebar.e-auto, .e-sidebarcontainer.e-sidebar.e-push, .e-sidebarcontainer.e-sidebar.e-slide + div {
8429
+ .e-sidebarcontainer > .e-sidebar.e-over, .e-sidebarcontainer > .e-sidebar.e-auto, .e-sidebarcontainer > .e-sidebar.e-push, .e-sidebarcontainer > .e-sidebar.e-slide + div {
8434
8430
  -webkit-transition: margin 0.5s ease, -webkit-transform 0.5s ease;
8435
8431
  transition: margin 0.5s ease, -webkit-transform 0.5s ease;
8436
8432
  transition: margin 0.5s ease, transform 0.5s ease;
8437
8433
  transition: margin 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
8438
8434
  }
8439
- .e-sidebarcontainer.e-left.e-open.e-auto + div {
8435
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-auto + div {
8440
8436
  margin-right: 0;
8441
8437
  -webkit-transform: translateX(0);
8442
8438
  transform: translateX(0);
8443
8439
  margin-left: var(--sidebar-width);
8444
8440
  }
8445
- .e-sidebarcontainer.e-left.e-close.e-auto + div {
8441
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-auto + div {
8446
8442
  margin-right: 0;
8447
8443
  -webkit-transform: translateX(0);
8448
8444
  transform: translateX(0);
8449
8445
  margin-left: 0;
8450
8446
  }
8451
- .e-sidebarcontainer.e-right.e-open.e-auto + div {
8447
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-auto + div {
8452
8448
  margin-left: 0;
8453
8449
  -webkit-transform: translateX(0);
8454
8450
  transform: translateX(0);
8455
8451
  margin-right: var(--sidebar-width);
8456
8452
  }
8457
- .e-sidebarcontainer.e-right.e-close.e-auto + div {
8453
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-auto + div {
8458
8454
  margin-right: 0;
8459
8455
  -webkit-transform: translateX(0);
8460
8456
  transform: translateX(0);
8461
8457
  margin-left: 0;
8462
8458
  }
8463
- .e-sidebarcontainer.e-left.e-open.e-push + div {
8459
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-push + div {
8464
8460
  margin-right: 0;
8465
8461
  -webkit-transform: translateX(0);
8466
8462
  transform: translateX(0);
8467
8463
  margin-left: var(--sidebar-width);
8468
8464
  }
8469
- .e-sidebarcontainer.e-left.e-close.e-push + div {
8465
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-push + div {
8470
8466
  margin-right: 0;
8471
8467
  -webkit-transform: translateX(0);
8472
8468
  transform: translateX(0);
8473
8469
  margin-left: 0;
8474
8470
  }
8475
- .e-sidebarcontainer.e-right.e-open.e-push + div {
8471
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-push + div {
8476
8472
  margin-left: 0;
8477
8473
  -webkit-transform: translateX(0);
8478
8474
  transform: translateX(0);
8479
8475
  margin-right: var(--sidebar-width);
8480
8476
  }
8481
- .e-sidebarcontainer.e-right.e-close.e-push + div {
8477
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-push + div {
8482
8478
  margin-right: 0;
8483
8479
  -webkit-transform: translateX(0);
8484
8480
  transform: translateX(0);
8485
8481
  margin-left: 0;
8486
8482
  }
8487
- .e-sidebarcontainer.e-left.e-open.e-slide + div {
8483
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-slide + div {
8488
8484
  margin-left: 0;
8489
8485
  -webkit-transform: translate(var(--sidebar-width));
8490
8486
  transform: translate(var(--sidebar-width));
8491
8487
  }
8492
- .e-sidebarcontainer.e-left.e-close.e-slide + div {
8488
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-slide + div {
8493
8489
  margin-left: 0;
8494
8490
  -webkit-transform: translate(0);
8495
8491
  transform: translate(0);
8496
8492
  }
8497
- .e-sidebarcontainer.e-right.e-open.e-slide + div {
8493
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-slide + div {
8498
8494
  margin-right: 0;
8499
8495
  margin-left: 0;
8500
8496
  -webkit-transform: translate(calc(-1 * var(--sidebar-width)));
8501
8497
  transform: translate(calc(-1 * var(--sidebar-width)));
8502
8498
  }
8503
- .e-sidebarcontainer.e-right.e-close.e-slide + div {
8499
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-slide + div {
8504
8500
  margin-right: 0;
8505
8501
  margin-left: 0;
8506
8502
  -webkit-transform: translate(0);