@syncfusion/ej2-navigations 29.2.8 → 30.1.39

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 (222) hide show
  1. package/.eslintrc.json +2 -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 +117 -30
  6. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  7. package/dist/es6/ej2-navigations.es5.js +118 -30
  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 +7 -7
  13. package/src/carousel/carousel.js +1 -7
  14. package/src/context-menu/context-menu-model.d.ts +1 -1
  15. package/src/context-menu/context-menu.d.ts +1 -0
  16. package/src/context-menu/context-menu.js +11 -1
  17. package/src/sidebar/sidebar.js +5 -1
  18. package/src/stepper/stepper.js +6 -5
  19. package/src/tab/tab.js +3 -1
  20. package/src/toolbar/toolbar-model.d.ts +8 -1
  21. package/src/toolbar/toolbar.d.ts +19 -0
  22. package/src/toolbar/toolbar.js +69 -13
  23. package/src/treeview/treeview.js +24 -3
  24. package/styles/bds-lite.css +43 -3
  25. package/styles/bds.css +45 -5
  26. package/styles/bootstrap-dark-lite.css +45 -5
  27. package/styles/bootstrap-dark.css +49 -9
  28. package/styles/bootstrap-lite.css +45 -5
  29. package/styles/bootstrap.css +47 -7
  30. package/styles/bootstrap4-lite.css +46 -6
  31. package/styles/bootstrap4.css +48 -8
  32. package/styles/bootstrap5-dark-lite.css +39 -5
  33. package/styles/bootstrap5-dark.css +42 -8
  34. package/styles/bootstrap5-lite.css +40 -6
  35. package/styles/bootstrap5.3-lite.css +40 -6
  36. package/styles/bootstrap5.3.css +42 -8
  37. package/styles/bootstrap5.css +43 -9
  38. package/styles/breadcrumb/_layout.scss +14 -0
  39. package/styles/breadcrumb/bds.css +15 -0
  40. package/styles/breadcrumb/bootstrap-dark.css +15 -0
  41. package/styles/breadcrumb/bootstrap.css +15 -0
  42. package/styles/breadcrumb/bootstrap4.css +15 -0
  43. package/styles/breadcrumb/bootstrap5-dark.css +15 -0
  44. package/styles/breadcrumb/bootstrap5.3.css +15 -0
  45. package/styles/breadcrumb/bootstrap5.css +15 -0
  46. package/styles/breadcrumb/fabric-dark.css +15 -0
  47. package/styles/breadcrumb/fabric.css +15 -0
  48. package/styles/breadcrumb/fluent-dark.css +15 -0
  49. package/styles/breadcrumb/fluent.css +15 -0
  50. package/styles/breadcrumb/fluent2.css +15 -0
  51. package/styles/breadcrumb/highcontrast-light.css +15 -0
  52. package/styles/breadcrumb/highcontrast.css +15 -0
  53. package/styles/breadcrumb/material-dark.css +15 -0
  54. package/styles/breadcrumb/material.css +15 -0
  55. package/styles/breadcrumb/material3-dark.css +15 -0
  56. package/styles/breadcrumb/material3.css +15 -0
  57. package/styles/breadcrumb/tailwind-dark.css +15 -0
  58. package/styles/breadcrumb/tailwind.css +15 -0
  59. package/styles/breadcrumb/tailwind3.css +15 -0
  60. package/styles/context-menu/_layout.scss +5 -0
  61. package/styles/context-menu/bds.css +6 -0
  62. package/styles/context-menu/bootstrap-dark.css +6 -0
  63. package/styles/context-menu/bootstrap.css +6 -0
  64. package/styles/context-menu/bootstrap4.css +6 -0
  65. package/styles/context-menu/bootstrap5-dark.css +6 -0
  66. package/styles/context-menu/bootstrap5.3.css +6 -0
  67. package/styles/context-menu/bootstrap5.css +6 -0
  68. package/styles/context-menu/fabric-dark.css +6 -0
  69. package/styles/context-menu/fabric.css +6 -0
  70. package/styles/context-menu/fluent-dark.css +6 -0
  71. package/styles/context-menu/fluent.css +6 -0
  72. package/styles/context-menu/fluent2.css +6 -0
  73. package/styles/context-menu/highcontrast-light.css +6 -0
  74. package/styles/context-menu/highcontrast.css +6 -0
  75. package/styles/context-menu/material-dark.css +6 -0
  76. package/styles/context-menu/material.css +6 -0
  77. package/styles/context-menu/material3-dark.css +6 -0
  78. package/styles/context-menu/material3.css +6 -0
  79. package/styles/context-menu/tailwind-dark.css +6 -0
  80. package/styles/context-menu/tailwind.css +6 -0
  81. package/styles/context-menu/tailwind3.css +6 -0
  82. package/styles/fabric-dark-lite.css +43 -3
  83. package/styles/fabric-dark.css +45 -5
  84. package/styles/fabric-lite.css +44 -4
  85. package/styles/fabric.css +46 -6
  86. package/styles/fluent-dark-lite.css +50 -10
  87. package/styles/fluent-dark.css +53 -13
  88. package/styles/fluent-lite.css +50 -10
  89. package/styles/fluent.css +53 -13
  90. package/styles/fluent2-lite.css +43 -3
  91. package/styles/fluent2.css +45 -5
  92. package/styles/highcontrast-light-lite.css +43 -3
  93. package/styles/highcontrast-light.css +45 -5
  94. package/styles/highcontrast-lite.css +44 -4
  95. package/styles/highcontrast.css +46 -6
  96. package/styles/material-dark-lite.css +45 -5
  97. package/styles/material-dark.css +47 -7
  98. package/styles/material-lite.css +44 -4
  99. package/styles/material.css +46 -6
  100. package/styles/material3-dark-lite.css +43 -3
  101. package/styles/material3-dark.css +46 -7
  102. package/styles/material3-lite.css +43 -3
  103. package/styles/material3.css +46 -7
  104. package/styles/pager/_bds-definition.scss +1 -1
  105. package/styles/pager/_bigger.scss +0 -1
  106. package/styles/pager/_bootstrap-dark-definition.scss +1 -1
  107. package/styles/pager/_bootstrap-definition.scss +1 -1
  108. package/styles/pager/_bootstrap4-definition.scss +1 -1
  109. package/styles/pager/_bootstrap5-definition.scss +2 -2
  110. package/styles/pager/_bootstrap5.3-definition.scss +1 -1
  111. package/styles/pager/_fabric-dark-definition.scss +1 -1
  112. package/styles/pager/_fabric-definition.scss +1 -1
  113. package/styles/pager/_fluent-definition.scss +2 -2
  114. package/styles/pager/_fluent2-definition.scss +1 -1
  115. package/styles/pager/_fusionnew-definition.scss +1 -1
  116. package/styles/pager/_highcontrast-definition.scss +1 -1
  117. package/styles/pager/_highcontrast-light-definition.scss +1 -1
  118. package/styles/pager/_layout.scss +8 -0
  119. package/styles/pager/_material-dark-definition.scss +1 -1
  120. package/styles/pager/_material-definition.scss +1 -1
  121. package/styles/pager/_material3-definition.scss +1 -1
  122. package/styles/pager/_tailwind-definition.scss +1 -1
  123. package/styles/pager/_tailwind3-definition.scss +2 -2
  124. package/styles/pager/bds.css +13 -3
  125. package/styles/pager/bootstrap-dark.css +13 -3
  126. package/styles/pager/bootstrap.css +13 -3
  127. package/styles/pager/bootstrap4.css +13 -3
  128. package/styles/pager/bootstrap5-dark.css +8 -4
  129. package/styles/pager/bootstrap5.3.css +7 -3
  130. package/styles/pager/bootstrap5.css +8 -4
  131. package/styles/pager/fabric-dark.css +13 -3
  132. package/styles/pager/fabric.css +13 -3
  133. package/styles/pager/fluent-dark.css +14 -4
  134. package/styles/pager/fluent.css +14 -4
  135. package/styles/pager/fluent2.css +13 -3
  136. package/styles/pager/highcontrast-light.css +13 -3
  137. package/styles/pager/highcontrast.css +13 -3
  138. package/styles/pager/material-dark.css +13 -3
  139. package/styles/pager/material.css +13 -3
  140. package/styles/pager/material3-dark.css +13 -4
  141. package/styles/pager/material3.css +13 -4
  142. package/styles/pager/tailwind-dark.css +13 -3
  143. package/styles/pager/tailwind.css +13 -3
  144. package/styles/pager/tailwind3.css +14 -4
  145. package/styles/tab/_bootstrap-dark-definition.scss +3 -3
  146. package/styles/tab/_bootstrap-definition.scss +3 -3
  147. package/styles/tab/_bootstrap4-definition.scss +3 -3
  148. package/styles/tab/_bootstrap5-definition.scss +3 -3
  149. package/styles/tab/_bootstrap5.3-definition.scss +3 -3
  150. package/styles/tab/_fabric-definition.scss +1 -1
  151. package/styles/tab/_fluent-definition.scss +4 -4
  152. package/styles/tab/_highcontrast-definition.scss +1 -1
  153. package/styles/tab/_material-definition.scss +1 -1
  154. package/styles/tab/_tailwind-definition.scss +3 -3
  155. package/styles/tab/_tailwind3-definition.scss +3 -3
  156. package/styles/tab/bootstrap-dark.css +2 -2
  157. package/styles/tab/bootstrap.css +2 -2
  158. package/styles/tab/bootstrap4.css +3 -3
  159. package/styles/tab/bootstrap5-dark.css +2 -2
  160. package/styles/tab/bootstrap5.3.css +3 -3
  161. package/styles/tab/bootstrap5.css +3 -3
  162. package/styles/tab/fabric.css +1 -1
  163. package/styles/tab/fluent-dark.css +7 -7
  164. package/styles/tab/fluent.css +7 -7
  165. package/styles/tab/highcontrast.css +1 -1
  166. package/styles/tab/material.css +1 -1
  167. package/styles/tab/tailwind-dark.css +4 -4
  168. package/styles/tab/tailwind.css +4 -4
  169. package/styles/tab/tailwind3.css +3 -3
  170. package/styles/tailwind-dark-lite.css +47 -7
  171. package/styles/tailwind-dark.css +49 -9
  172. package/styles/tailwind-lite.css +47 -7
  173. package/styles/tailwind.css +49 -9
  174. package/styles/tailwind3-lite.css +46 -6
  175. package/styles/tailwind3.css +49 -9
  176. package/styles/toolbar/_bootstrap-dark-definition.scss +1 -1
  177. package/styles/toolbar/_layout.scss +13 -1
  178. package/styles/toolbar/_material-dark-definition.scss +2 -2
  179. package/styles/toolbar/bds.css +8 -2
  180. package/styles/toolbar/bootstrap-dark.css +10 -4
  181. package/styles/toolbar/bootstrap.css +8 -2
  182. package/styles/toolbar/bootstrap4.css +8 -2
  183. package/styles/toolbar/bootstrap5-dark.css +8 -2
  184. package/styles/toolbar/bootstrap5.3.css +8 -2
  185. package/styles/toolbar/bootstrap5.css +8 -2
  186. package/styles/toolbar/fabric-dark.css +8 -2
  187. package/styles/toolbar/fabric.css +8 -2
  188. package/styles/toolbar/fluent-dark.css +8 -2
  189. package/styles/toolbar/fluent.css +8 -2
  190. package/styles/toolbar/fluent2.css +8 -2
  191. package/styles/toolbar/highcontrast-light.css +8 -2
  192. package/styles/toolbar/highcontrast.css +8 -2
  193. package/styles/toolbar/material-dark.css +10 -4
  194. package/styles/toolbar/material.css +8 -2
  195. package/styles/toolbar/material3-dark.css +8 -2
  196. package/styles/toolbar/material3.css +8 -2
  197. package/styles/toolbar/tailwind-dark.css +8 -2
  198. package/styles/toolbar/tailwind.css +8 -2
  199. package/styles/toolbar/tailwind3.css +8 -2
  200. package/styles/treeview/_layout.scss +4 -0
  201. package/styles/treeview/_material3-definition.scss +1 -1
  202. package/styles/treeview/bds.css +3 -0
  203. package/styles/treeview/bootstrap-dark.css +3 -0
  204. package/styles/treeview/bootstrap.css +3 -0
  205. package/styles/treeview/bootstrap4.css +3 -0
  206. package/styles/treeview/bootstrap5-dark.css +3 -0
  207. package/styles/treeview/bootstrap5.3.css +3 -0
  208. package/styles/treeview/bootstrap5.css +3 -0
  209. package/styles/treeview/fabric-dark.css +3 -0
  210. package/styles/treeview/fabric.css +3 -0
  211. package/styles/treeview/fluent-dark.css +3 -0
  212. package/styles/treeview/fluent.css +3 -0
  213. package/styles/treeview/fluent2.css +3 -0
  214. package/styles/treeview/highcontrast-light.css +3 -0
  215. package/styles/treeview/highcontrast.css +3 -0
  216. package/styles/treeview/material-dark.css +3 -0
  217. package/styles/treeview/material.css +3 -0
  218. package/styles/treeview/material3-dark.css +4 -1
  219. package/styles/treeview/material3.css +4 -1
  220. package/styles/treeview/tailwind-dark.css +3 -0
  221. package/styles/treeview/tailwind.css +3 -0
  222. package/styles/treeview/tailwind3.css +3 -0
package/styles/material3.css CHANGED
@@ -71,6 +71,9 @@
71
71
  padding-right: 0;
72
72
  padding-top: 8px;
73
73
  }
74
+ .e-pager div.e-parentmsgbar span.e-rightalign {
75
+ text-align: right;
76
+ }
74
77
  .e-pager .e-pagesizes {
75
78
  display: inline;
76
79
  }
@@ -311,6 +314,12 @@
311
314
  }
312
315
  @media (max-width: 769px) {
313
316
  .e-pager {
317
+ display: -webkit-box;
318
+ display: -ms-flexbox;
319
+ display: flex;
320
+ -webkit-box-align: center;
321
+ -ms-flex-align: center;
322
+ align-items: center;
314
323
  padding: 13px 0;
315
324
  }
316
325
  .e-pager div.e-parentmsgbar {
@@ -484,7 +493,8 @@
484
493
  .e-pager.e-rtl.e-rtl div.e-parentmsgbar {
485
494
  float: initial;
486
495
  margin-left: 0;
487
- margin-top: 10px;
496
+ margin-top: 0;
497
+ padding-top: 0;
488
498
  }
489
499
  .e-pager.e-rtl .e-parentmsgbar {
490
500
  float: right;
@@ -679,7 +689,6 @@
679
689
  .e-pager.e-bigger div.e-parentmsgbar {
680
690
  padding: 0;
681
691
  vertical-align: top;
682
- margin-top: 5px;
683
692
  }
684
693
  }
685
694
  .e-bigger .e-pager .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable,
@@ -749,14 +758,14 @@
749
758
  .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
750
759
  .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
751
760
  margin-left: 0;
752
- margin-top: 10px;
761
+ margin-top: 0;
753
762
  }
754
763
  }
755
764
  @media (max-width: 769px) {
756
765
  .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
757
766
  .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
758
767
  margin-left: 0;
759
- margin-top: 10px;
768
+ margin-top: 0;
760
769
  }
761
770
  }
762
771
  .e-bigger .e-pager.e-rtl .e-numericitem.e-currentitem,
@@ -1912,6 +1921,9 @@
1912
1921
  .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
1913
1922
  margin-right: 8px;
1914
1923
  }
1924
+ .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
1925
+ margin-left: 8px;
1926
+ }
1915
1927
  .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-tbtn-txt .e-icons.e-btn-icon {
1916
1928
  padding: 4px;
1917
1929
  }
@@ -1942,6 +1954,7 @@
1942
1954
  }
1943
1955
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
1944
1956
  margin-left: 0;
1957
+ margin-right: 8px;
1945
1958
  }
1946
1959
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:last-child {
1947
1960
  margin-left: 8px;
@@ -1949,11 +1962,13 @@
1949
1962
  .e-toolbar.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
1950
1963
  margin-left: 0;
1951
1964
  }
1952
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child,
1965
+ .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child {
1966
+ margin-right: 0;
1967
+ }
1953
1968
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child {
1954
1969
  margin-right: 0;
1970
+ margin-left: 8px;
1955
1971
  }
1956
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:first-child,
1957
1972
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:first-child {
1958
1973
  margin-right: 8px;
1959
1974
  }
@@ -3501,6 +3516,12 @@
3501
3516
  box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
3502
3517
  padding: 4px 0;
3503
3518
  }
3519
+ .e-contextmenu-wrapper ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon,
3520
+ .e-contextmenu-container ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon {
3521
+ display: -webkit-box;
3522
+ display: -ms-flexbox;
3523
+ display: flex;
3524
+ }
3504
3525
  .e-contextmenu-wrapper ul.e-ul,
3505
3526
  .e-contextmenu-container ul.e-ul {
3506
3527
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
@@ -8070,6 +8091,9 @@
8070
8091
  .e-treeview.e-virtualization .e-ul {
8071
8092
  overflow: unset;
8072
8093
  }
8094
+ .e-treeview .e-mask-parent {
8095
+ display: none;
8096
+ }
8073
8097
  .e-treeview > .e-ul {
8074
8098
  -webkit-overflow-scrolling: touch;
8075
8099
  overflow: auto;
@@ -8796,7 +8820,7 @@
8796
8820
  .e-bigger .e-treeview .e-icon-expandable::before,
8797
8821
  .e-treeview.e-bigger .e-icon-collapsible::before,
8798
8822
  .e-treeview.e-bigger .e-icon-expandable::before {
8799
- padding: 0;
8823
+ padding: 0 6px;
8800
8824
  }
8801
8825
  .e-bigger .e-treeview.e-rtl .e-ul,
8802
8826
  .e-treeview.e-bigger.e-rtl .e-ul {
@@ -10450,6 +10474,21 @@ ejs-sidebar {
10450
10474
  padding-right: 8px;
10451
10475
  }
10452
10476
 
10477
+ .e-breadcrumb-menu-item {
10478
+ position: absolute;
10479
+ width: 1px;
10480
+ height: 1px;
10481
+ margin: -1px;
10482
+ padding: 0;
10483
+ overflow: hidden;
10484
+ clip: rect(0, 0, 0, 0);
10485
+ border: 0;
10486
+ }
10487
+
10488
+ .e-hidden-popup {
10489
+ visibility: hidden;
10490
+ }
10491
+
10453
10492
  .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
10454
10493
  color: rgba(var(--color-sf-on-surface-variant));
10455
10494
  }
package/styles/pager/_bds-definition.scss CHANGED
@@ -105,7 +105,7 @@ $pager-rtl-pagerconstant-bigger-margin-top: 6px 16px 2px 0 !default;
105
105
  $pager-bigger-rtl-parentmsgbar-margin-top: 0 !default;
106
106
  $pager-bigger-rtl-pagercontainer-margin-top: 5px !default;
107
107
  $pager-bigger-device-rtl-parentmsgbar-margin-top: 5px !default;
108
- $pager-rtl-pagermsgbar-device-margin-top: 10px !default;
108
+ $pager-rtl-pagermsgbar-device-margin-top: 0 !default;
109
109
  $pager-bigger-constant-margin-left: 16px !default;
110
110
  $pager-rtl-last-content-icon: 'e238' !default;
111
111
  $pager-rtl-first-content-icon: 'e235' !default;
package/styles/pager/_bigger.scss CHANGED
@@ -64,7 +64,6 @@
64
64
  padding: $pager-device-messabar-padding;
65
65
  @if $pager-skin == 'material3' {
66
66
  vertical-align: top;
67
- margin-top: 5px;
68
67
  }
69
68
  }
70
69
  }
package/styles/pager/_bootstrap-dark-definition.scss CHANGED
@@ -106,7 +106,7 @@ $pager-bigger-rtl-parentmsgbar-margin-top: 8px !default;
106
106
  $pager-item-hover-borders-width: 0 !default;
107
107
  $pager-bigger-rtl-pagercontainer-margin-top: 5px !default;
108
108
  $pager-bigger-device-rtl-parentmsgbar-margin-top: 5px !default;
109
- $pager-rtl-pagermsgbar-device-margin-top: 10px !default;
109
+ $pager-rtl-pagermsgbar-device-margin-top: 0 !default;
110
110
  $pager-bigger-constant-margin-left: 16px !default;
111
111
  $pager-rtl-last-content-icon: 'e238' !default;
112
112
  $pager-rtl-first-content-icon: 'e235' !default;
package/styles/pager/_bootstrap-definition.scss CHANGED
@@ -104,7 +104,7 @@ $pager-rtl-pagerconstant-bigger-margin-top: 22px 16px 5px 0 !default;
104
104
  $pager-bigger-rtl-parentmsgbar-margin-top: 8px !default;
105
105
  $pager-bigger-rtl-pagercontainer-margin-top: 5px !default;
106
106
  $pager-bigger-device-rtl-parentmsgbar-margin-top: 5px !default;
107
- $pager-rtl-pagermsgbar-device-margin-top: 10px !default;
107
+ $pager-rtl-pagermsgbar-device-margin-top: 0 !default;
108
108
  $pager-bigger-constant-margin-left: 16px !default;
109
109
  $pager-rtl-last-content-icon: 'e238' !default;
110
110
  $pager-rtl-first-content-icon: 'e235' !default;
package/styles/pager/_bootstrap4-definition.scss CHANGED
@@ -106,7 +106,7 @@ $pager-rtl-pagerconstant-bigger-margin-top: 20px 16px 8px 0 !default;
106
106
  $pager-bigger-rtl-parentmsgbar-margin-top: 9px !default;
107
107
  $pager-bigger-rtl-pagercontainer-margin-top: 5px !default;
108
108
  $pager-bigger-device-rtl-parentmsgbar-margin-top: 5px !default;
109
- $pager-rtl-pagermsgbar-device-margin-top: 10px !default;
109
+ $pager-rtl-pagermsgbar-device-margin-top: 0 !default;
110
110
  $pager-bigger-constant-margin-left: 16px !default;
111
111
  $pager-rtl-last-content-icon: 'e238' !default;
112
112
  $pager-rtl-first-content-icon: 'e235' !default;
package/styles/pager/_bootstrap5-definition.scss CHANGED
@@ -104,7 +104,7 @@ $pager-rtl-pagerconstant-bigger-margin-top: 0 16px 7px 0 !default;
104
104
  $pager-bigger-rtl-parentmsgbar-margin-top: 0 !default;
105
105
  $pager-bigger-rtl-pagercontainer-margin-top: 5px !default;
106
106
  $pager-bigger-device-rtl-parentmsgbar-margin-top: 5px !default;
107
- $pager-rtl-pagermsgbar-device-margin-top: 10px !default;
107
+ $pager-rtl-pagermsgbar-device-margin-top: 0 !default;
108
108
  $pager-bigger-constant-margin-left: 16px !default;
109
109
  $pager-rtl-last-content-icon: 'e238' !default;
110
110
  $pager-rtl-first-content-icon: 'e235' !default;
@@ -148,7 +148,7 @@ $pager-focus-tripledot-padding: $pager-tripledot-padding !default;
148
148
  $pager-focus-tripledot-line-height: 1 !default;
149
149
  $pager-focus-active-box-shadow: 0 0 0 1px $primary inset !default;
150
150
  $pager-focus-shadow: 0 0 0 1px $primary inset !default;
151
- $pager-bigger-adaptive-pagermsgbar-margin-top: -5px !default;
151
+ $pager-bigger-adaptive-pagermsgbar-margin-top: 0 !default;
152
152
  $pager-bigger-adaptive-dropdown-margin: -3px 2px 0 4px !default;
153
153
  $pager-bigger-adaptive-dropdown-min-width: 77px !default;
154
154
  $pager-bigger-adaptive-constant-top: 6px !default;
package/styles/pager/_bootstrap5.3-definition.scss CHANGED
@@ -104,7 +104,7 @@ $pager-rtl-pagerconstant-bigger-margin-top: 0 16px 7px 0 !default;
104
104
  $pager-bigger-rtl-parentmsgbar-margin-top: 0 !default;
105
105
  $pager-bigger-rtl-pagercontainer-margin-top: 5px !default;
106
106
  $pager-bigger-device-rtl-parentmsgbar-margin-top: 5px !default;
107
- $pager-rtl-pagermsgbar-device-margin-top: 10px !default;
107
+ $pager-rtl-pagermsgbar-device-margin-top: 0 !default;
108
108
  $pager-bigger-constant-margin-left: 16px !default;
109
109
  $pager-rtl-last-content-icon: 'e238' !default;
110
110
  $pager-rtl-first-content-icon: 'e235' !default;
package/styles/pager/_fabric-dark-definition.scss CHANGED
@@ -100,7 +100,7 @@ $pager-rtl-pagerconstant-bigger-margin-top: 5px 10px 5px 0 !default;
100
100
  $pager-bigger-rtl-parentmsgbar-margin-top: 0 !default;
101
101
  $pager-bigger-rtl-pagercontainer-margin-top: 5px !default;
102
102
  $pager-bigger-device-rtl-parentmsgbar-margin-top: 5px !default;
103
- $pager-rtl-pagermsgbar-device-margin-top: 6px !default;
103
+ $pager-rtl-pagermsgbar-device-margin-top: 0 !default;
104
104
  $pager-bigger-constant-margin-left: 10px !default;
105
105
  $pager-rtl-last-content-icon: 'e999' !default;
106
106
  $pager-rtl-first-content-icon: 'e938' !default;
package/styles/pager/_fabric-definition.scss CHANGED
@@ -103,7 +103,7 @@ $pager-rtl-pagerconstant-bigger-margin-top: 5px 10px 5px 0 !default;
103
103
  $pager-bigger-rtl-parentmsgbar-margin-top: 0 !default;
104
104
  $pager-bigger-rtl-pagercontainer-margin-top: 5px !default;
105
105
  $pager-bigger-device-rtl-parentmsgbar-margin-top: 5px !default;
106
- $pager-rtl-pagermsgbar-device-margin-top: 6px !default;
106
+ $pager-rtl-pagermsgbar-device-margin-top: 0 !default;
107
107
  $pager-bigger-constant-margin-left: 10px !default;
108
108
  $pager-rtl-last-content-icon: 'e999' !default;
109
109
  $pager-rtl-first-content-icon: 'e938' !default;
package/styles/pager/_fluent-definition.scss CHANGED
@@ -105,7 +105,7 @@ $pager-rtl-pagerconstant-bigger-margin-top: 14px 16px 9px 0 !default;
105
105
  $pager-bigger-rtl-parentmsgbar-margin-top: 2px !default;
106
106
  $pager-bigger-rtl-pagercontainer-margin-top: 5px !default;
107
107
  $pager-bigger-device-rtl-parentmsgbar-margin-top: 5px !default;
108
- $pager-rtl-pagermsgbar-device-margin-top: 10px !default;
108
+ $pager-rtl-pagermsgbar-device-margin-top: 0 !default;
109
109
  $pager-bigger-constant-margin-left: 16px !default;
110
110
  $pager-rtl-last-content-icon: 'e238' !default;
111
111
  $pager-rtl-first-content-icon: 'e235' !default;
@@ -135,7 +135,7 @@ $pager-focus-tripledot-padding: $pager-tripledot-padding !default;
135
135
  $pager-focus-tripledot-line-height: 1 !default;
136
136
  $pager-focus-active-box-shadow: 0 0 0 1px $primary inset !default;
137
137
  $pager-focus-shadow: 0 0 0 1px $primary inset !default;
138
- $pager-bigger-adaptive-pagermsgbar-margin-top: -5px !default;
138
+ $pager-bigger-adaptive-pagermsgbar-margin-top: 0 !default;
139
139
  $pager-bigger-adaptive-dropdown-margin: -4px 2px 0 4px !default;
140
140
  $pager-bigger-adaptive-dropdown-min-width: 77px !default;
141
141
  $pager-bigger-adaptive-constant-top: 4px !default;
package/styles/pager/_fluent2-definition.scss CHANGED
@@ -105,7 +105,7 @@ $pager-rtl-pagerconstant-bigger-margin-top: 6px 6px 7px 0 !default;
105
105
  $pager-bigger-rtl-parentmsgbar-margin-top: 0 !default;
106
106
  $pager-bigger-rtl-pagercontainer-margin-top: 5px !default;
107
107
  $pager-bigger-device-rtl-parentmsgbar-margin-top: 5px !default;
108
- $pager-rtl-pagermsgbar-device-margin-top: 10px !default;
108
+ $pager-rtl-pagermsgbar-device-margin-top: 0 !default;
109
109
  $pager-bigger-constant-margin-left: 6px !default;
110
110
  $pager-rtl-last-content-icon: 'e238' !default;
111
111
  $pager-rtl-first-content-icon: 'e235' !default;
package/styles/pager/_fusionnew-definition.scss CHANGED
@@ -104,7 +104,7 @@ $pager-rtl-pagerconstant-bigger-margin-top: 0 16px 7px 0 !default;
104
104
  $pager-bigger-rtl-parentmsgbar-margin-top: 0 !default;
105
105
  $pager-bigger-rtl-pagercontainer-margin-top: 5px !default;
106
106
  $pager-bigger-device-rtl-parentmsgbar-margin-top: 5px !default;
107
- $pager-rtl-pagermsgbar-device-margin-top: 10px !default;
107
+ $pager-rtl-pagermsgbar-device-margin-top: 0 !default;
108
108
  $pager-bigger-constant-margin-left: 16px !default;
109
109
  $pager-rtl-last-content-icon: 'e238' !default;
110
110
  $pager-rtl-first-content-icon: 'e235' !default;
package/styles/pager/_highcontrast-definition.scss CHANGED
@@ -102,7 +102,7 @@ $pager-rtl-pagerconstant-bigger-margin-top: 5px 10px 5px 0 !default;
102
102
  $pager-bigger-rtl-parentmsgbar-margin-top: 1px !default;
103
103
  $pager-bigger-rtl-pagercontainer-margin-top: 5px !default;
104
104
  $pager-bigger-device-rtl-parentmsgbar-margin-top: 5px !default;
105
- $pager-rtl-pagermsgbar-device-margin-top: 6px !default;
105
+ $pager-rtl-pagermsgbar-device-margin-top: 0 !default;
106
106
  $pager-bigger-constant-margin-left: 10px !default;
107
107
  $pager-rtl-last-content-icon: 'e999' !default;
108
108
  $pager-rtl-first-content-icon: 'e938' !default;
package/styles/pager/_highcontrast-light-definition.scss CHANGED
@@ -102,7 +102,7 @@ $pager-rtl-pagerconstant-bigger-margin-top: 5px 10px 8px 0 !default;
102
102
  $pager-bigger-rtl-parentmsgbar-margin-top: 1px !default;
103
103
  $pager-bigger-rtl-pagercontainer-margin-top: 5px !default;
104
104
  $pager-bigger-device-rtl-parentmsgbar-margin-top: 5px !default;
105
- $pager-rtl-pagermsgbar-device-margin-top: 6px !default;
105
+ $pager-rtl-pagermsgbar-device-margin-top: 0 !default;
106
106
  $pager-bigger-constant-margin-left: 10px !default;
107
107
  $pager-rtl-last-content-icon: 'e999' !default;
108
108
  $pager-rtl-first-content-icon: 'e938' !default;
package/styles/pager/_layout.scss CHANGED
@@ -59,6 +59,9 @@
59
59
  @if $pager-skin == 'fluent2' {
60
60
  line-height: 20px;
61
61
  }
62
+ span.e-rightalign {
63
+ text-align: right;
64
+ }
62
65
  }
63
66
 
64
67
  .e-pagesizes {
@@ -411,6 +414,10 @@
411
414
  }
412
415
 
413
416
  @media (max-width: 769px) {
417
+ @if $pager-skin != 'bootstrap5' {
418
+ display: flex;
419
+ align-items: center;
420
+ }
414
421
  @if $pager-skin == 'fluent2' {
415
422
  padding: 11px 0;
416
423
  }
@@ -719,6 +726,7 @@
719
726
  float: initial;
720
727
  margin-left: 0;
721
728
  margin-top: $pager-rtl-pagermsgbar-device-margin-top;
729
+ padding-top: 0;
722
730
  }
723
731
 
724
732
  .e-parentmsgbar {
package/styles/pager/_material-dark-definition.scss CHANGED
@@ -95,7 +95,7 @@ $pager-rtl-pagerconstant-bigger-margin-top: 8px 16px 16px 0 !default;
95
95
  $pager-bigger-rtl-parentmsgbar-margin-top: -1px !default;
96
96
  $pager-bigger-rtl-pagercontainer-margin-top: 5px !default;
97
97
  $pager-bigger-device-rtl-parentmsgbar-margin-top: 5px !default;
98
- $pager-rtl-pagermsgbar-device-margin-top: 7px !default;
98
+ $pager-rtl-pagermsgbar-device-margin-top: 0 !default;
99
99
  $pager-bigger-constant-margin-left: 16px !default;
100
100
  $pager-rtl-last-content-icon: 'e896' !default;
101
101
  $pager-rtl-first-content-icon: 'e897' !default;
package/styles/pager/_material-definition.scss CHANGED
@@ -99,7 +99,7 @@ $pager-rtl-pagerconstant-bigger-margin-top: 8px 16px 16px 0 !default;
99
99
  $pager-bigger-rtl-parentmsgbar-margin-top: 0 !default;
100
100
  $pager-bigger-rtl-pagercontainer-margin-top: 5px !default;
101
101
  $pager-bigger-device-rtl-parentmsgbar-margin-top: 5px !default;
102
- $pager-rtl-pagermsgbar-device-margin-top: 7px !default;
102
+ $pager-rtl-pagermsgbar-device-margin-top: 0 !default;
103
103
  $pager-bigger-constant-margin-left: 16px !default;
104
104
  $pager-rtl-last-content-icon: 'e896' !default;
105
105
  $pager-rtl-first-content-icon: 'e897' !default;
package/styles/pager/_material3-definition.scss CHANGED
@@ -104,7 +104,7 @@ $pager-rtl-pagerconstant-bigger-margin-top: 0 16px 7px 0 !default;
104
104
  $pager-bigger-rtl-parentmsgbar-margin-top: -4px !default;
105
105
  $pager-bigger-rtl-pagercontainer-margin-top: 5px !default;
106
106
  $pager-bigger-device-rtl-parentmsgbar-margin-top: 5px !default;
107
- $pager-rtl-pagermsgbar-device-margin-top: 10px !default;
107
+ $pager-rtl-pagermsgbar-device-margin-top: 0 !default;
108
108
  $pager-bigger-constant-margin-left: 16px !default;
109
109
  $pager-rtl-last-content-icon: 'e238' !default;
110
110
  $pager-rtl-first-content-icon: 'e235' !default;
package/styles/pager/_tailwind-definition.scss CHANGED
@@ -105,7 +105,7 @@ $pager-rtl-pagerconstant-bigger-margin-top: 6px 16px 2px 0 !default;
105
105
  $pager-bigger-rtl-parentmsgbar-margin-top: 0 !default;
106
106
  $pager-bigger-rtl-pagercontainer-margin-top: 5px !default;
107
107
  $pager-bigger-device-rtl-parentmsgbar-margin-top: 5px !default;
108
- $pager-rtl-pagermsgbar-device-margin-top: 10px !default;
108
+ $pager-rtl-pagermsgbar-device-margin-top: 0 !default;
109
109
  $pager-bigger-constant-margin-left: 16px !default;
110
110
  $pager-rtl-last-content-icon: 'e238' !default;
111
111
  $pager-rtl-first-content-icon: 'e235' !default;
package/styles/pager/_tailwind3-definition.scss CHANGED
@@ -104,7 +104,7 @@ $pager-rtl-pagerconstant-bigger-margin-top: 0 16px 7px 0 !default;
104
104
  $pager-bigger-rtl-parentmsgbar-margin-top: 0 !default;
105
105
  $pager-bigger-rtl-pagercontainer-margin-top: 5px !default;
106
106
  $pager-bigger-device-rtl-parentmsgbar-margin-top: 5px !default;
107
- $pager-rtl-pagermsgbar-device-margin-top: 10px !default;
107
+ $pager-rtl-pagermsgbar-device-margin-top: 0 !default;
108
108
  $pager-bigger-constant-margin-left: 16px !default;
109
109
  $pager-rtl-last-content-icon: 'e238' !default;
110
110
  $pager-rtl-first-content-icon: 'e235' !default;
@@ -148,7 +148,7 @@ $pager-focus-tripledot-padding: $pager-tripledot-padding !default;
148
148
  $pager-focus-tripledot-line-height: 1 !default;
149
149
  $pager-focus-active-box-shadow: 0 0 0 1px $primary inset !default;
150
150
  $pager-focus-shadow: 0 0 0 1px $primary inset !default;
151
- $pager-bigger-adaptive-pagermsgbar-margin-top: -5px !default;
151
+ $pager-bigger-adaptive-pagermsgbar-margin-top: 0 !default;
152
152
  $pager-bigger-adaptive-dropdown-margin: -3px 2px 0 4px !default;
153
153
  $pager-bigger-adaptive-dropdown-min-width: 77px !default;
154
154
  $pager-bigger-adaptive-constant-top: 6px !default;
package/styles/pager/bds.css CHANGED
@@ -72,6 +72,9 @@
72
72
  padding-top: 6px;
73
73
  line-height: 18px;
74
74
  }
75
+ .e-pager div.e-parentmsgbar span.e-rightalign {
76
+ text-align: right;
77
+ }
75
78
  .e-pager .e-pagesizes {
76
79
  display: inline;
77
80
  }
@@ -325,6 +328,12 @@
325
328
  }
326
329
  @media (max-width: 769px) {
327
330
  .e-pager {
331
+ display: -webkit-box;
332
+ display: -ms-flexbox;
333
+ display: flex;
334
+ -webkit-box-align: center;
335
+ -ms-flex-align: center;
336
+ align-items: center;
328
337
  padding: 13px 0;
329
338
  }
330
339
  .e-pager div.e-parentmsgbar {
@@ -523,7 +532,8 @@
523
532
  .e-pager.e-rtl.e-rtl div.e-parentmsgbar {
524
533
  float: initial;
525
534
  margin-left: 0;
526
- margin-top: 10px;
535
+ margin-top: 0;
536
+ padding-top: 0;
527
537
  }
528
538
  .e-pager.e-rtl .e-parentmsgbar {
529
539
  float: right;
@@ -811,14 +821,14 @@
811
821
  .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
812
822
  .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
813
823
  margin-left: 0;
814
- margin-top: 10px;
824
+ margin-top: 0;
815
825
  }
816
826
  }
817
827
  @media (max-width: 769px) {
818
828
  .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
819
829
  .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
820
830
  margin-left: 0;
821
- margin-top: 10px;
831
+ margin-top: 0;
822
832
  }
823
833
  }
824
834
  .e-bigger .e-pager.e-rtl .e-numericitem.e-currentitem,
package/styles/pager/bootstrap-dark.css CHANGED
@@ -67,6 +67,9 @@
67
67
  padding-right: 8px;
68
68
  padding-top: 10px;
69
69
  }
70
+ .e-pager div.e-parentmsgbar span.e-rightalign {
71
+ text-align: right;
72
+ }
70
73
  .e-pager .e-pagesizes {
71
74
  display: inline;
72
75
  }
@@ -291,6 +294,12 @@
291
294
  }
292
295
  @media (max-width: 769px) {
293
296
  .e-pager {
297
+ display: -webkit-box;
298
+ display: -ms-flexbox;
299
+ display: flex;
300
+ -webkit-box-align: center;
301
+ -ms-flex-align: center;
302
+ align-items: center;
294
303
  padding: 13px 0;
295
304
  }
296
305
  .e-pager div.e-parentmsgbar {
@@ -464,7 +473,8 @@
464
473
  .e-pager.e-rtl.e-rtl div.e-parentmsgbar {
465
474
  float: initial;
466
475
  margin-left: 0;
467
- margin-top: 10px;
476
+ margin-top: 0;
477
+ padding-top: 0;
468
478
  }
469
479
  .e-pager.e-rtl .e-parentmsgbar {
470
480
  float: right;
@@ -724,14 +734,14 @@
724
734
  .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
725
735
  .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
726
736
  margin-left: 0;
727
- margin-top: 10px;
737
+ margin-top: 0;
728
738
  }
729
739
  }
730
740
  @media (max-width: 769px) {
731
741
  .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
732
742
  .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
733
743
  margin-left: 0;
734
- margin-top: 10px;
744
+ margin-top: 0;
735
745
  }
736
746
  }
737
747
  .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem, .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem:hover, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem:hover,
package/styles/pager/bootstrap.css CHANGED
@@ -67,6 +67,9 @@
67
67
  padding-right: 8px;
68
68
  padding-top: 10px;
69
69
  }
70
+ .e-pager div.e-parentmsgbar span.e-rightalign {
71
+ text-align: right;
72
+ }
70
73
  .e-pager .e-pagesizes {
71
74
  display: inline;
72
75
  }
@@ -291,6 +294,12 @@
291
294
  }
292
295
  @media (max-width: 769px) {
293
296
  .e-pager {
297
+ display: -webkit-box;
298
+ display: -ms-flexbox;
299
+ display: flex;
300
+ -webkit-box-align: center;
301
+ -ms-flex-align: center;
302
+ align-items: center;
294
303
  padding: 13px 0;
295
304
  }
296
305
  .e-pager div.e-parentmsgbar {
@@ -464,7 +473,8 @@
464
473
  .e-pager.e-rtl.e-rtl div.e-parentmsgbar {
465
474
  float: initial;
466
475
  margin-left: 0;
467
- margin-top: 10px;
476
+ margin-top: 0;
477
+ padding-top: 0;
468
478
  }
469
479
  .e-pager.e-rtl .e-parentmsgbar {
470
480
  float: right;
@@ -724,14 +734,14 @@
724
734
  .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
725
735
  .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
726
736
  margin-left: 0;
727
- margin-top: 10px;
737
+ margin-top: 0;
728
738
  }
729
739
  }
730
740
  @media (max-width: 769px) {
731
741
  .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
732
742
  .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
733
743
  margin-left: 0;
734
- margin-top: 10px;
744
+ margin-top: 0;
735
745
  }
736
746
  }
737
747
  .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem, .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem:hover, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem:hover,
package/styles/pager/bootstrap4.css CHANGED
@@ -67,6 +67,9 @@
67
67
  padding-right: 0;
68
68
  padding-top: 12px;
69
69
  }
70
+ .e-pager div.e-parentmsgbar span.e-rightalign {
71
+ text-align: right;
72
+ }
70
73
  .e-pager .e-pagesizes {
71
74
  display: inline;
72
75
  }
@@ -291,6 +294,12 @@
291
294
  }
292
295
  @media (max-width: 769px) {
293
296
  .e-pager {
297
+ display: -webkit-box;
298
+ display: -ms-flexbox;
299
+ display: flex;
300
+ -webkit-box-align: center;
301
+ -ms-flex-align: center;
302
+ align-items: center;
294
303
  padding: 13px 0;
295
304
  }
296
305
  .e-pager div.e-parentmsgbar {
@@ -464,7 +473,8 @@
464
473
  .e-pager.e-rtl.e-rtl div.e-parentmsgbar {
465
474
  float: initial;
466
475
  margin-left: 0;
467
- margin-top: 10px;
476
+ margin-top: 0;
477
+ padding-top: 0;
468
478
  }
469
479
  .e-pager.e-rtl .e-parentmsgbar {
470
480
  float: right;
@@ -724,14 +734,14 @@
724
734
  .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
725
735
  .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
726
736
  margin-left: 0;
727
- margin-top: 10px;
737
+ margin-top: 0;
728
738
  }
729
739
  }
730
740
  @media (max-width: 769px) {
731
741
  .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
732
742
  .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
733
743
  margin-left: 0;
734
- margin-top: 10px;
744
+ margin-top: 0;
735
745
  }
736
746
  }
737
747
  .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem, .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem:hover, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem:hover,
package/styles/pager/bootstrap5-dark.css CHANGED
@@ -67,6 +67,9 @@
67
67
  padding-right: 0;
68
68
  padding-top: 8px;
69
69
  }
70
+ .e-pager div.e-parentmsgbar span.e-rightalign {
71
+ text-align: right;
72
+ }
70
73
  .e-pager .e-pagesizes {
71
74
  display: inline;
72
75
  }
@@ -477,7 +480,8 @@
477
480
  .e-pager.e-rtl.e-rtl div.e-parentmsgbar {
478
481
  float: initial;
479
482
  margin-left: 0;
480
- margin-top: 10px;
483
+ margin-top: 0;
484
+ padding-top: 0;
481
485
  }
482
486
  .e-pager.e-rtl .e-parentmsgbar {
483
487
  float: right;
@@ -743,14 +747,14 @@
743
747
  .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
744
748
  .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
745
749
  margin-left: 0;
746
- margin-top: 10px;
750
+ margin-top: 0;
747
751
  }
748
752
  }
749
753
  @media (max-width: 769px) {
750
754
  .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
751
755
  .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
752
756
  margin-left: 0;
753
- margin-top: 10px;
757
+ margin-top: 0;
754
758
  }
755
759
  }
756
760
  .e-bigger .e-pager.e-rtl .e-numericitem.e-currentitem,
@@ -811,7 +815,7 @@
811
815
  }
812
816
  .e-bigger .e-pager.e-adaptive div.e-parentmsgbar,
813
817
  .e-pager.e-bigger.e-adaptive div.e-parentmsgbar {
814
- margin-top: -5px;
818
+ margin-top: 0;
815
819
  }
816
820
  .e-bigger .e-pager.e-adaptive .e-pagerdropdown,
817
821
  .e-pager.e-bigger.e-adaptive .e-pagerdropdown {
package/styles/pager/bootstrap5.3.css CHANGED
@@ -71,6 +71,9 @@
71
71
  padding-right: 0;
72
72
  padding-top: 8px;
73
73
  }
74
+ .e-pager div.e-parentmsgbar span.e-rightalign {
75
+ text-align: right;
76
+ }
74
77
  .e-pager .e-pagesizes {
75
78
  display: inline;
76
79
  }
@@ -481,7 +484,8 @@
481
484
  .e-pager.e-rtl.e-rtl div.e-parentmsgbar {
482
485
  float: initial;
483
486
  margin-left: 0;
484
- margin-top: 10px;
487
+ margin-top: 0;
488
+ padding-top: 0;
485
489
  }
486
490
  .e-pager.e-rtl .e-parentmsgbar {
487
491
  float: right;
@@ -747,14 +751,14 @@
747
751
  .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
748
752
  .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
749
753
  margin-left: 0;
750
- margin-top: 10px;
754
+ margin-top: 0;
751
755
  }
752
756
  }
753
757
  @media (max-width: 769px) {
754
758
  .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
755
759
  .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
756
760
  margin-left: 0;
757
- margin-top: 10px;
761
+ margin-top: 0;
758
762
  }
759
763
  }
760
764
  .e-bigger .e-pager.e-rtl .e-numericitem.e-currentitem,