@syncfusion/blazor-themes 31.2.5 → 31.2.12

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 (201) hide show
  1. package/Compiled-Themes/bds-dark-lite.css +12 -2
  2. package/Compiled-Themes/bds-dark.css +21 -2
  3. package/Compiled-Themes/bds-lite.css +12 -2
  4. package/Compiled-Themes/bds.css +21 -2
  5. package/Compiled-Themes/bootstrap-dark-lite.css +13 -3
  6. package/Compiled-Themes/bootstrap-dark.css +22 -3
  7. package/Compiled-Themes/bootstrap-lite.css +13 -3
  8. package/Compiled-Themes/bootstrap.css +22 -3
  9. package/Compiled-Themes/bootstrap4-lite.css +12 -2
  10. package/Compiled-Themes/bootstrap4.css +21 -2
  11. package/Compiled-Themes/bootstrap5-dark-lite.css +12 -2
  12. package/Compiled-Themes/bootstrap5-dark.css +21 -2
  13. package/Compiled-Themes/bootstrap5-lite.css +12 -2
  14. package/Compiled-Themes/bootstrap5.3-dark-lite.css +12 -2
  15. package/Compiled-Themes/bootstrap5.3-dark.css +21 -2
  16. package/Compiled-Themes/bootstrap5.3-lite.css +12 -2
  17. package/Compiled-Themes/bootstrap5.3.css +21 -2
  18. package/Compiled-Themes/bootstrap5.css +21 -2
  19. package/Compiled-Themes/fabric-dark-lite.css +13 -3
  20. package/Compiled-Themes/fabric-dark.css +22 -3
  21. package/Compiled-Themes/fabric-lite.css +13 -3
  22. package/Compiled-Themes/fabric.css +22 -3
  23. package/Compiled-Themes/fluent-dark-lite.css +12 -2
  24. package/Compiled-Themes/fluent-dark.css +21 -2
  25. package/Compiled-Themes/fluent-lite.css +12 -2
  26. package/Compiled-Themes/fluent.css +21 -2
  27. package/Compiled-Themes/fluent2-dark-lite.css +12 -2
  28. package/Compiled-Themes/fluent2-dark.css +21 -2
  29. package/Compiled-Themes/fluent2-highcontrast-lite.css +12 -2
  30. package/Compiled-Themes/fluent2-highcontrast.css +21 -2
  31. package/Compiled-Themes/fluent2-lite.css +12 -2
  32. package/Compiled-Themes/fluent2.css +21 -2
  33. package/Compiled-Themes/highcontrast-lite.css +13 -3
  34. package/Compiled-Themes/highcontrast.css +22 -3
  35. package/Compiled-Themes/material-dark-lite.css +12 -2
  36. package/Compiled-Themes/material-dark.css +21 -2
  37. package/Compiled-Themes/material-lite.css +12 -2
  38. package/Compiled-Themes/material.css +21 -2
  39. package/Compiled-Themes/material3-dark-lite.css +12 -2
  40. package/Compiled-Themes/material3-dark.css +21 -2
  41. package/Compiled-Themes/material3-lite.css +12 -2
  42. package/Compiled-Themes/material3.css +21 -2
  43. package/Compiled-Themes/tailwind-dark-lite.css +12 -2
  44. package/Compiled-Themes/tailwind-dark.css +21 -2
  45. package/Compiled-Themes/tailwind-lite.css +12 -2
  46. package/Compiled-Themes/tailwind.css +21 -2
  47. package/Compiled-Themes/tailwind3-dark-lite.css +13 -3
  48. package/Compiled-Themes/tailwind3-dark.css +22 -3
  49. package/Compiled-Themes/tailwind3-lite.css +13 -3
  50. package/Compiled-Themes/tailwind3.css +22 -3
  51. package/SCSS-Themes/bds-dark-lite.scss +15 -2
  52. package/SCSS-Themes/bds-dark.scss +26 -2
  53. package/SCSS-Themes/bds-lite.scss +15 -2
  54. package/SCSS-Themes/bds.scss +26 -2
  55. package/SCSS-Themes/bootstrap-dark-lite.scss +15 -3
  56. package/SCSS-Themes/bootstrap-dark.scss +26 -3
  57. package/SCSS-Themes/bootstrap-lite.scss +15 -3
  58. package/SCSS-Themes/bootstrap.scss +26 -3
  59. package/SCSS-Themes/bootstrap4-lite.scss +15 -2
  60. package/SCSS-Themes/bootstrap4.scss +26 -2
  61. package/SCSS-Themes/bootstrap5-dark-lite.scss +15 -2
  62. package/SCSS-Themes/bootstrap5-dark.scss +26 -2
  63. package/SCSS-Themes/bootstrap5-lite.scss +15 -2
  64. package/SCSS-Themes/bootstrap5.3-dark-lite.scss +15 -2
  65. package/SCSS-Themes/bootstrap5.3-dark.scss +26 -2
  66. package/SCSS-Themes/bootstrap5.3-lite.scss +15 -2
  67. package/SCSS-Themes/bootstrap5.3.scss +26 -2
  68. package/SCSS-Themes/bootstrap5.scss +26 -2
  69. package/SCSS-Themes/dropdowns/drop-down-list/bds-dark-lite.scss +5 -0
  70. package/SCSS-Themes/dropdowns/drop-down-list/bds-dark.scss +5 -0
  71. package/SCSS-Themes/dropdowns/drop-down-list/bds-lite.scss +5 -0
  72. package/SCSS-Themes/dropdowns/drop-down-list/bds.scss +5 -0
  73. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap-dark-lite.scss +5 -1
  74. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap-dark.scss +5 -1
  75. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap-lite.scss +5 -1
  76. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap.scss +5 -1
  77. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap4-lite.scss +5 -0
  78. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap4.scss +5 -0
  79. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5-dark-lite.scss +5 -0
  80. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5-dark.scss +5 -0
  81. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5-lite.scss +5 -0
  82. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5.3-dark-lite.scss +5 -0
  83. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5.3-dark.scss +5 -0
  84. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5.3-lite.scss +5 -0
  85. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5.3.scss +5 -0
  86. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5.scss +5 -0
  87. package/SCSS-Themes/dropdowns/drop-down-list/fabric-dark-lite.scss +5 -1
  88. package/SCSS-Themes/dropdowns/drop-down-list/fabric-dark.scss +5 -1
  89. package/SCSS-Themes/dropdowns/drop-down-list/fabric-lite.scss +5 -1
  90. package/SCSS-Themes/dropdowns/drop-down-list/fabric.scss +5 -1
  91. package/SCSS-Themes/dropdowns/drop-down-list/fluent-dark-lite.scss +5 -0
  92. package/SCSS-Themes/dropdowns/drop-down-list/fluent-dark.scss +5 -0
  93. package/SCSS-Themes/dropdowns/drop-down-list/fluent-lite.scss +5 -0
  94. package/SCSS-Themes/dropdowns/drop-down-list/fluent.scss +5 -0
  95. package/SCSS-Themes/dropdowns/drop-down-list/fluent2-dark-lite.scss +5 -0
  96. package/SCSS-Themes/dropdowns/drop-down-list/fluent2-dark.scss +5 -0
  97. package/SCSS-Themes/dropdowns/drop-down-list/fluent2-highcontrast-lite.scss +5 -0
  98. package/SCSS-Themes/dropdowns/drop-down-list/fluent2-highcontrast.scss +5 -0
  99. package/SCSS-Themes/dropdowns/drop-down-list/fluent2-lite.scss +5 -0
  100. package/SCSS-Themes/dropdowns/drop-down-list/fluent2.scss +5 -0
  101. package/SCSS-Themes/dropdowns/drop-down-list/highcontrast-lite.scss +5 -1
  102. package/SCSS-Themes/dropdowns/drop-down-list/highcontrast.scss +5 -1
  103. package/SCSS-Themes/dropdowns/drop-down-list/material-dark-lite.scss +5 -0
  104. package/SCSS-Themes/dropdowns/drop-down-list/material-dark.scss +5 -0
  105. package/SCSS-Themes/dropdowns/drop-down-list/material-lite.scss +5 -0
  106. package/SCSS-Themes/dropdowns/drop-down-list/material.scss +5 -0
  107. package/SCSS-Themes/dropdowns/drop-down-list/material3-dark-lite.scss +5 -0
  108. package/SCSS-Themes/dropdowns/drop-down-list/material3-dark.scss +5 -0
  109. package/SCSS-Themes/dropdowns/drop-down-list/material3-lite.scss +5 -0
  110. package/SCSS-Themes/dropdowns/drop-down-list/material3.scss +5 -0
  111. package/SCSS-Themes/dropdowns/drop-down-list/tailwind-dark-lite.scss +5 -0
  112. package/SCSS-Themes/dropdowns/drop-down-list/tailwind-dark.scss +5 -0
  113. package/SCSS-Themes/dropdowns/drop-down-list/tailwind-lite.scss +5 -0
  114. package/SCSS-Themes/dropdowns/drop-down-list/tailwind.scss +5 -0
  115. package/SCSS-Themes/dropdowns/drop-down-list/tailwind3-dark-lite.scss +5 -0
  116. package/SCSS-Themes/dropdowns/drop-down-list/tailwind3-dark.scss +5 -0
  117. package/SCSS-Themes/dropdowns/drop-down-list/tailwind3-lite.scss +5 -0
  118. package/SCSS-Themes/dropdowns/drop-down-list/tailwind3.scss +5 -0
  119. package/SCSS-Themes/fabric-dark-lite.scss +15 -3
  120. package/SCSS-Themes/fabric-dark.scss +26 -3
  121. package/SCSS-Themes/fabric-lite.scss +15 -3
  122. package/SCSS-Themes/fabric.scss +26 -3
  123. package/SCSS-Themes/fluent-dark-lite.scss +15 -2
  124. package/SCSS-Themes/fluent-dark.scss +26 -2
  125. package/SCSS-Themes/fluent-lite.scss +15 -2
  126. package/SCSS-Themes/fluent.scss +26 -2
  127. package/SCSS-Themes/fluent2-dark-lite.scss +15 -2
  128. package/SCSS-Themes/fluent2-dark.scss +26 -2
  129. package/SCSS-Themes/fluent2-highcontrast-lite.scss +15 -2
  130. package/SCSS-Themes/fluent2-highcontrast.scss +26 -2
  131. package/SCSS-Themes/fluent2-lite.scss +15 -2
  132. package/SCSS-Themes/fluent2.scss +26 -2
  133. package/SCSS-Themes/grids/grid/bds-dark-lite.scss +10 -2
  134. package/SCSS-Themes/grids/grid/bds-dark.scss +21 -2
  135. package/SCSS-Themes/grids/grid/bds-lite.scss +10 -2
  136. package/SCSS-Themes/grids/grid/bds.scss +21 -2
  137. package/SCSS-Themes/grids/grid/bootstrap-dark-lite.scss +10 -2
  138. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +21 -2
  139. package/SCSS-Themes/grids/grid/bootstrap-lite.scss +10 -2
  140. package/SCSS-Themes/grids/grid/bootstrap.scss +21 -2
  141. package/SCSS-Themes/grids/grid/bootstrap4-lite.scss +10 -2
  142. package/SCSS-Themes/grids/grid/bootstrap4.scss +21 -2
  143. package/SCSS-Themes/grids/grid/bootstrap5-dark-lite.scss +10 -2
  144. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +21 -2
  145. package/SCSS-Themes/grids/grid/bootstrap5-lite.scss +10 -2
  146. package/SCSS-Themes/grids/grid/bootstrap5.3-dark-lite.scss +10 -2
  147. package/SCSS-Themes/grids/grid/bootstrap5.3-dark.scss +21 -2
  148. package/SCSS-Themes/grids/grid/bootstrap5.3-lite.scss +10 -2
  149. package/SCSS-Themes/grids/grid/bootstrap5.3.scss +21 -2
  150. package/SCSS-Themes/grids/grid/bootstrap5.scss +21 -2
  151. package/SCSS-Themes/grids/grid/fabric-dark-lite.scss +10 -2
  152. package/SCSS-Themes/grids/grid/fabric-dark.scss +21 -2
  153. package/SCSS-Themes/grids/grid/fabric-lite.scss +10 -2
  154. package/SCSS-Themes/grids/grid/fabric.scss +21 -2
  155. package/SCSS-Themes/grids/grid/fluent-dark-lite.scss +10 -2
  156. package/SCSS-Themes/grids/grid/fluent-dark.scss +21 -2
  157. package/SCSS-Themes/grids/grid/fluent-lite.scss +10 -2
  158. package/SCSS-Themes/grids/grid/fluent.scss +21 -2
  159. package/SCSS-Themes/grids/grid/fluent2-dark-lite.scss +10 -2
  160. package/SCSS-Themes/grids/grid/fluent2-dark.scss +21 -2
  161. package/SCSS-Themes/grids/grid/fluent2-highcontrast-lite.scss +10 -2
  162. package/SCSS-Themes/grids/grid/fluent2-highcontrast.scss +21 -2
  163. package/SCSS-Themes/grids/grid/fluent2-lite.scss +10 -2
  164. package/SCSS-Themes/grids/grid/fluent2.scss +21 -2
  165. package/SCSS-Themes/grids/grid/highcontrast-lite.scss +10 -2
  166. package/SCSS-Themes/grids/grid/highcontrast.scss +21 -2
  167. package/SCSS-Themes/grids/grid/material-dark-lite.scss +10 -2
  168. package/SCSS-Themes/grids/grid/material-dark.scss +21 -2
  169. package/SCSS-Themes/grids/grid/material-lite.scss +10 -2
  170. package/SCSS-Themes/grids/grid/material.scss +21 -2
  171. package/SCSS-Themes/grids/grid/material3-dark-lite.scss +10 -2
  172. package/SCSS-Themes/grids/grid/material3-dark.scss +21 -2
  173. package/SCSS-Themes/grids/grid/material3-lite.scss +10 -2
  174. package/SCSS-Themes/grids/grid/material3.scss +21 -2
  175. package/SCSS-Themes/grids/grid/tailwind-dark-lite.scss +10 -2
  176. package/SCSS-Themes/grids/grid/tailwind-dark.scss +21 -2
  177. package/SCSS-Themes/grids/grid/tailwind-lite.scss +10 -2
  178. package/SCSS-Themes/grids/grid/tailwind.scss +21 -2
  179. package/SCSS-Themes/grids/grid/tailwind3-dark-lite.scss +10 -2
  180. package/SCSS-Themes/grids/grid/tailwind3-dark.scss +21 -2
  181. package/SCSS-Themes/grids/grid/tailwind3-lite.scss +10 -2
  182. package/SCSS-Themes/grids/grid/tailwind3.scss +21 -2
  183. package/SCSS-Themes/highcontrast-lite.scss +15 -3
  184. package/SCSS-Themes/highcontrast.scss +26 -3
  185. package/SCSS-Themes/material-dark-lite.scss +15 -2
  186. package/SCSS-Themes/material-dark.scss +26 -2
  187. package/SCSS-Themes/material-lite.scss +15 -2
  188. package/SCSS-Themes/material.scss +26 -2
  189. package/SCSS-Themes/material3-dark-lite.scss +15 -2
  190. package/SCSS-Themes/material3-dark.scss +26 -2
  191. package/SCSS-Themes/material3-lite.scss +15 -2
  192. package/SCSS-Themes/material3.scss +26 -2
  193. package/SCSS-Themes/tailwind-dark-lite.scss +15 -2
  194. package/SCSS-Themes/tailwind-dark.scss +26 -2
  195. package/SCSS-Themes/tailwind-lite.scss +15 -2
  196. package/SCSS-Themes/tailwind.scss +26 -2
  197. package/SCSS-Themes/tailwind3-dark-lite.scss +15 -2
  198. package/SCSS-Themes/tailwind3-dark.scss +26 -2
  199. package/SCSS-Themes/tailwind3-lite.scss +15 -2
  200. package/SCSS-Themes/tailwind3.scss +26 -2
  201. package/package.json +1 -1
package/SCSS-Themes/grids/grid/bootstrap-dark.scss CHANGED
@@ -151,6 +151,7 @@ $grid-bigger-columnchooser-header-padding: 24px 24px 38px !default;
151
151
  $grid-bigger-columnchooser-ul-padding: 0 !default;
152
152
  $grid-bigger-columnchooser-li-padding: 11px 0 !default;
153
153
  $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
154
+ $grid-bigger-toolbar-div-margin: 15px !default;
154
155
  $grid-device-headercell-padding: 0 12px $grid-header-bottom-padding !default;
155
156
  $grid-device-headercell-fistchild-padding: 0 12px $grid-header-bottom-padding 16px !default;
156
157
  $grid-device-headercell-lastchild-padding: 0 16px $grid-header-bottom-padding 12px !default;
@@ -252,6 +253,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 5px 13px 5px 0 !default;
252
253
  $grid-res-toolbar-search-wrapper-icon-padding: 9px 11.5px !default;
253
254
  $grid-res-toolbar-search-wrapper-padding-right: 13px !default;
254
255
  $grid-res-toolbar-search-icon-padding-left: 0 !default;
256
+ $grid-toolbar-responsive-right-width: calc(100% - 53px) !default;
255
257
  $grid-bigger-toolbar-search-icon-min-width: 38px !default;
256
258
  $grid-bigger-toolbar-search-wrapper-padding-bottom: 5px !default;
257
259
  $grid-bigger-toolbar-search-wrapper-padding-top: 5px !default;
@@ -1501,7 +1503,7 @@ $grid-checkmark-color: $grey-light-font !default;
1501
1503
  }
1502
1504
 
1503
1505
  & .e-responsive-right {
1504
- width: calc(100% - 50px);
1506
+ width: $grid-toolbar-responsive-right-width;
1505
1507
  &.e-search-wrapper {
1506
1508
  width: auto;
1507
1509
  }
@@ -3676,7 +3678,7 @@ $grid-checkmark-color: $grey-light-font !default;
3676
3678
  overflow-x: scroll;
3677
3679
  }
3678
3680
 
3679
- &.e-mac-safari .virtualtable {
3681
+ &.e-mac-safari .e-virtualtable {
3680
3682
  .e-leftfreeze,
3681
3683
  .e-rightfreeze {
3682
3684
  transform: translateZ(0);
@@ -4454,6 +4456,12 @@ $grid-checkmark-color: $grey-light-font !default;
4454
4456
  padding: 6px;
4455
4457
  }
4456
4458
  }
4459
+
4460
+ .e-rowcell .e-checkbox-wrapper,
4461
+ .e-rowcell .e-css.e-checkbox-wrapper {
4462
+ -webkit-user-select: none; /* stylelint-disable-line property-no-vendor-prefix */
4463
+ user-select: none;
4464
+ }
4457
4465
 
4458
4466
  span.e-ungroupbutton.e-icons {
4459
4467
  margin-left: $grid-group-ungroupicon-margin-left;
@@ -7852,6 +7860,17 @@ $grid-checkmark-color: $grey-light-font !default;
7852
7860
  }
7853
7861
  }
7854
7862
 
7863
+ .e-toolbar .e-toolbar-items:first-child:not(.e-toolbar-multirow) > .e-toolbar-item:not(.e-hidden):nth-last-child(1 of :not(.e-hidden)),
7864
+ .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:not(.e-hidden):nth-last-child(1 of :not(.e-hidden)) {
7865
+ margin-right: $grid-bigger-toolbar-div-margin;
7866
+ }
7867
+
7868
+ .e-toolbar.e-rtl .e-toolbar-items:first-child:not(.e-toolbar-multirow) > .e-toolbar-item:not(.e-hidden):nth-last-child(1 of :not(.e-hidden)),
7869
+ .e-toolbar.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:not(.e-hidden):nth-last-child(1 of :not(.e-hidden)) {
7870
+ margin-left: $grid-bigger-toolbar-div-margin;
7871
+ margin-right: initial;
7872
+ }
7873
+
7855
7874
  .e-row .e-input-group .e-control.e-input {
7856
7875
  @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
7857
7876
  padding-bottom: 0;
package/SCSS-Themes/grids/grid/bootstrap-lite.scss CHANGED
@@ -154,6 +154,7 @@ $grid-bigger-columnchooser-header-padding: 24px 24px 38px !default;
154
154
  $grid-bigger-columnchooser-ul-padding: 0 !default;
155
155
  $grid-bigger-columnchooser-li-padding: 11px 0 !default;
156
156
  $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
157
+ $grid-bigger-toolbar-div-margin: 3px !default;
157
158
  $grid-device-headercell-padding: 0 12px $grid-header-bottom-padding !default;
158
159
  $grid-device-headercell-fistchild-padding: 0 12px $grid-header-bottom-padding 16px !default;
159
160
  $grid-device-headercell-lastchild-padding: 0 16px $grid-header-bottom-padding 12px !default;
@@ -254,6 +255,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 5px 18px 5px 0 !default;
254
255
  $grid-res-toolbar-search-wrapper-icon-padding: 9px 11.5px !default;
255
256
  $grid-res-toolbar-search-wrapper-padding-right: 18px !default;
256
257
  $grid-res-toolbar-search-icon-padding-left: 0 !default;
258
+ $grid-toolbar-responsive-right-width: calc(100% - 53px) !default;
257
259
  $grid-bigger-toolbar-search-icon-min-width: 38px !default;
258
260
  $grid-bigger-toolbar-search-wrapper-padding-bottom: 5px !default;
259
261
  $grid-bigger-toolbar-search-wrapper-padding-top: 5px !default;
@@ -1498,7 +1500,7 @@ $grid-checkmark-color: $grey !default;
1498
1500
  }
1499
1501
 
1500
1502
  & .e-responsive-right {
1501
- width: calc(100% - 50px);
1503
+ width: $grid-toolbar-responsive-right-width;
1502
1504
  &.e-search-wrapper {
1503
1505
  width: auto;
1504
1506
  }
@@ -3673,7 +3675,7 @@ $grid-checkmark-color: $grey !default;
3673
3675
  overflow-x: scroll;
3674
3676
  }
3675
3677
 
3676
- &.e-mac-safari .virtualtable {
3678
+ &.e-mac-safari .e-virtualtable {
3677
3679
  .e-leftfreeze,
3678
3680
  .e-rightfreeze {
3679
3681
  transform: translateZ(0);
@@ -4451,6 +4453,12 @@ $grid-checkmark-color: $grey !default;
4451
4453
  padding: 6px;
4452
4454
  }
4453
4455
  }
4456
+
4457
+ .e-rowcell .e-checkbox-wrapper,
4458
+ .e-rowcell .e-css.e-checkbox-wrapper {
4459
+ -webkit-user-select: none; /* stylelint-disable-line property-no-vendor-prefix */
4460
+ user-select: none;
4461
+ }
4454
4462
 
4455
4463
  span.e-ungroupbutton.e-icons {
4456
4464
  margin-left: $grid-group-ungroupicon-margin-left;
package/SCSS-Themes/grids/grid/bootstrap.scss CHANGED
@@ -154,6 +154,7 @@ $grid-bigger-columnchooser-header-padding: 24px 24px 38px !default;
154
154
  $grid-bigger-columnchooser-ul-padding: 0 !default;
155
155
  $grid-bigger-columnchooser-li-padding: 11px 0 !default;
156
156
  $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
157
+ $grid-bigger-toolbar-div-margin: 3px !default;
157
158
  $grid-device-headercell-padding: 0 12px $grid-header-bottom-padding !default;
158
159
  $grid-device-headercell-fistchild-padding: 0 12px $grid-header-bottom-padding 16px !default;
159
160
  $grid-device-headercell-lastchild-padding: 0 16px $grid-header-bottom-padding 12px !default;
@@ -254,6 +255,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 5px 18px 5px 0 !default;
254
255
  $grid-res-toolbar-search-wrapper-icon-padding: 9px 11.5px !default;
255
256
  $grid-res-toolbar-search-wrapper-padding-right: 18px !default;
256
257
  $grid-res-toolbar-search-icon-padding-left: 0 !default;
258
+ $grid-toolbar-responsive-right-width: calc(100% - 53px) !default;
257
259
  $grid-bigger-toolbar-search-icon-min-width: 38px !default;
258
260
  $grid-bigger-toolbar-search-wrapper-padding-bottom: 5px !default;
259
261
  $grid-bigger-toolbar-search-wrapper-padding-top: 5px !default;
@@ -1498,7 +1500,7 @@ $grid-checkmark-color: $grey !default;
1498
1500
  }
1499
1501
 
1500
1502
  & .e-responsive-right {
1501
- width: calc(100% - 50px);
1503
+ width: $grid-toolbar-responsive-right-width;
1502
1504
  &.e-search-wrapper {
1503
1505
  width: auto;
1504
1506
  }
@@ -3673,7 +3675,7 @@ $grid-checkmark-color: $grey !default;
3673
3675
  overflow-x: scroll;
3674
3676
  }
3675
3677
 
3676
- &.e-mac-safari .virtualtable {
3678
+ &.e-mac-safari .e-virtualtable {
3677
3679
  .e-leftfreeze,
3678
3680
  .e-rightfreeze {
3679
3681
  transform: translateZ(0);
@@ -4451,6 +4453,12 @@ $grid-checkmark-color: $grey !default;
4451
4453
  padding: 6px;
4452
4454
  }
4453
4455
  }
4456
+
4457
+ .e-rowcell .e-checkbox-wrapper,
4458
+ .e-rowcell .e-css.e-checkbox-wrapper {
4459
+ -webkit-user-select: none; /* stylelint-disable-line property-no-vendor-prefix */
4460
+ user-select: none;
4461
+ }
4454
4462
 
4455
4463
  span.e-ungroupbutton.e-icons {
4456
4464
  margin-left: $grid-group-ungroupicon-margin-left;
@@ -7849,6 +7857,17 @@ $grid-checkmark-color: $grey !default;
7849
7857
  }
7850
7858
  }
7851
7859
 
7860
+ .e-toolbar .e-toolbar-items:first-child:not(.e-toolbar-multirow) > .e-toolbar-item:not(.e-hidden):nth-last-child(1 of :not(.e-hidden)),
7861
+ .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:not(.e-hidden):nth-last-child(1 of :not(.e-hidden)) {
7862
+ margin-right: $grid-bigger-toolbar-div-margin;
7863
+ }
7864
+
7865
+ .e-toolbar.e-rtl .e-toolbar-items:first-child:not(.e-toolbar-multirow) > .e-toolbar-item:not(.e-hidden):nth-last-child(1 of :not(.e-hidden)),
7866
+ .e-toolbar.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:not(.e-hidden):nth-last-child(1 of :not(.e-hidden)) {
7867
+ margin-left: $grid-bigger-toolbar-div-margin;
7868
+ margin-right: initial;
7869
+ }
7870
+
7852
7871
  .e-row .e-input-group .e-control.e-input {
7853
7872
  @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
7854
7873
  padding-bottom: 0;
package/SCSS-Themes/grids/grid/bootstrap4-lite.scss CHANGED
@@ -152,6 +152,7 @@ $grid-bigger-columnchooser-header-padding: 24px 24px 38px !default;
152
152
  $grid-bigger-columnchooser-ul-padding: 0 !default;
153
153
  $grid-bigger-columnchooser-li-padding: 8px 0 !default;
154
154
  $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
155
+ $grid-bigger-toolbar-div-margin: 16px !default;
155
156
  $grid-device-headercell-padding: 0 12px $grid-header-bottom-padding !default;
156
157
  $grid-device-headercell-fistchild-padding: 0 12px $grid-header-bottom-padding 16px !default;
157
158
  $grid-device-headercell-lastchild-padding: 0 16px $grid-header-bottom-padding 12px !default;
@@ -256,6 +257,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 5px 30px 5px 0 !default;
256
257
  $grid-res-toolbar-search-wrapper-icon-padding: 9px 8.5px !default;
257
258
  $grid-res-toolbar-search-wrapper-padding-right: 30px !default;
258
259
  $grid-res-toolbar-search-icon-padding-left: 0 !default;
260
+ $grid-toolbar-responsive-right-width: calc(100% - 50px) !default;
259
261
  $grid-bigger-toolbar-search-icon-min-width: 38px !default;
260
262
  $grid-bigger-toolbar-search-wrapper-padding-bottom: 5px !default;
261
263
  $grid-bigger-toolbar-search-wrapper-padding-top: 5px !default;
@@ -1505,7 +1507,7 @@ $grid-checkmark-color: $white !default;
1505
1507
  }
1506
1508
 
1507
1509
  & .e-responsive-right {
1508
- width: calc(100% - 50px);
1510
+ width: $grid-toolbar-responsive-right-width;
1509
1511
  &.e-search-wrapper {
1510
1512
  width: auto;
1511
1513
  }
@@ -3680,7 +3682,7 @@ $grid-checkmark-color: $white !default;
3680
3682
  overflow-x: scroll;
3681
3683
  }
3682
3684
 
3683
- &.e-mac-safari .virtualtable {
3685
+ &.e-mac-safari .e-virtualtable {
3684
3686
  .e-leftfreeze,
3685
3687
  .e-rightfreeze {
3686
3688
  transform: translateZ(0);
@@ -4458,6 +4460,12 @@ $grid-checkmark-color: $white !default;
4458
4460
  padding: 6px;
4459
4461
  }
4460
4462
  }
4463
+
4464
+ .e-rowcell .e-checkbox-wrapper,
4465
+ .e-rowcell .e-css.e-checkbox-wrapper {
4466
+ -webkit-user-select: none; /* stylelint-disable-line property-no-vendor-prefix */
4467
+ user-select: none;
4468
+ }
4461
4469
 
4462
4470
  span.e-ungroupbutton.e-icons {
4463
4471
  margin-left: $grid-group-ungroupicon-margin-left;
package/SCSS-Themes/grids/grid/bootstrap4.scss CHANGED
@@ -152,6 +152,7 @@ $grid-bigger-columnchooser-header-padding: 24px 24px 38px !default;
152
152
  $grid-bigger-columnchooser-ul-padding: 0 !default;
153
153
  $grid-bigger-columnchooser-li-padding: 8px 0 !default;
154
154
  $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
155
+ $grid-bigger-toolbar-div-margin: 16px !default;
155
156
  $grid-device-headercell-padding: 0 12px $grid-header-bottom-padding !default;
156
157
  $grid-device-headercell-fistchild-padding: 0 12px $grid-header-bottom-padding 16px !default;
157
158
  $grid-device-headercell-lastchild-padding: 0 16px $grid-header-bottom-padding 12px !default;
@@ -256,6 +257,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 5px 30px 5px 0 !default;
256
257
  $grid-res-toolbar-search-wrapper-icon-padding: 9px 8.5px !default;
257
258
  $grid-res-toolbar-search-wrapper-padding-right: 30px !default;
258
259
  $grid-res-toolbar-search-icon-padding-left: 0 !default;
260
+ $grid-toolbar-responsive-right-width: calc(100% - 50px) !default;
259
261
  $grid-bigger-toolbar-search-icon-min-width: 38px !default;
260
262
  $grid-bigger-toolbar-search-wrapper-padding-bottom: 5px !default;
261
263
  $grid-bigger-toolbar-search-wrapper-padding-top: 5px !default;
@@ -1505,7 +1507,7 @@ $grid-checkmark-color: $white !default;
1505
1507
  }
1506
1508
 
1507
1509
  & .e-responsive-right {
1508
- width: calc(100% - 50px);
1510
+ width: $grid-toolbar-responsive-right-width;
1509
1511
  &.e-search-wrapper {
1510
1512
  width: auto;
1511
1513
  }
@@ -3680,7 +3682,7 @@ $grid-checkmark-color: $white !default;
3680
3682
  overflow-x: scroll;
3681
3683
  }
3682
3684
 
3683
- &.e-mac-safari .virtualtable {
3685
+ &.e-mac-safari .e-virtualtable {
3684
3686
  .e-leftfreeze,
3685
3687
  .e-rightfreeze {
3686
3688
  transform: translateZ(0);
@@ -4458,6 +4460,12 @@ $grid-checkmark-color: $white !default;
4458
4460
  padding: 6px;
4459
4461
  }
4460
4462
  }
4463
+
4464
+ .e-rowcell .e-checkbox-wrapper,
4465
+ .e-rowcell .e-css.e-checkbox-wrapper {
4466
+ -webkit-user-select: none; /* stylelint-disable-line property-no-vendor-prefix */
4467
+ user-select: none;
4468
+ }
4461
4469
 
4462
4470
  span.e-ungroupbutton.e-icons {
4463
4471
  margin-left: $grid-group-ungroupicon-margin-left;
@@ -7831,6 +7839,17 @@ $grid-checkmark-color: $white !default;
7831
7839
  }
7832
7840
  }
7833
7841
 
7842
+ .e-toolbar .e-toolbar-items:first-child:not(.e-toolbar-multirow) > .e-toolbar-item:not(.e-hidden):nth-last-child(1 of :not(.e-hidden)),
7843
+ .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:not(.e-hidden):nth-last-child(1 of :not(.e-hidden)) {
7844
+ margin-right: $grid-bigger-toolbar-div-margin;
7845
+ }
7846
+
7847
+ .e-toolbar.e-rtl .e-toolbar-items:first-child:not(.e-toolbar-multirow) > .e-toolbar-item:not(.e-hidden):nth-last-child(1 of :not(.e-hidden)),
7848
+ .e-toolbar.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:not(.e-hidden):nth-last-child(1 of :not(.e-hidden)) {
7849
+ margin-left: $grid-bigger-toolbar-div-margin;
7850
+ margin-right: initial;
7851
+ }
7852
+
7834
7853
  .e-row .e-input-group .e-control.e-input {
7835
7854
  @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
7836
7855
  padding-bottom: 0;
package/SCSS-Themes/grids/grid/bootstrap5-dark-lite.scss CHANGED
@@ -150,6 +150,7 @@ $grid-bigger-columnchooser-header-padding: 24px 24px 38px !default;
150
150
  $grid-bigger-columnchooser-ul-padding: 0 !default;
151
151
  $grid-bigger-columnchooser-li-padding: 8px 0 !default;
152
152
  $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
153
+ $grid-bigger-toolbar-div-margin: 12px !default;
153
154
  $grid-device-headercell-padding: 0 12px $grid-header-bottom-padding !default;
154
155
  $grid-device-headercell-fistchild-padding: 0 12px $grid-header-bottom-padding 16px !default;
155
156
  $grid-device-headercell-lastchild-padding: 0 16px $grid-header-bottom-padding 12px !default;
@@ -255,6 +256,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 5px 25px 5px 0 !default;
255
256
  $grid-res-toolbar-search-wrapper-icon-padding: 10px !default;
256
257
  $grid-res-toolbar-search-wrapper-padding-right: 13px !default;
257
258
  $grid-res-toolbar-search-icon-padding-left: 0 !default;
259
+ $grid-toolbar-responsive-right-width: calc(100% - 50px) !default;
258
260
  $grid-bigger-toolbar-search-icon-min-width: 38px !default;
259
261
  $grid-bigger-toolbar-search-wrapper-padding-bottom: 5px !default;
260
262
  $grid-bigger-toolbar-search-wrapper-padding-top: 5px !default;
@@ -1501,7 +1503,7 @@ $grid-checkmark-color: $primary-text-color !default;
1501
1503
  }
1502
1504
 
1503
1505
  & .e-responsive-right {
1504
- width: calc(100% - 50px);
1506
+ width: $grid-toolbar-responsive-right-width;
1505
1507
  &.e-search-wrapper {
1506
1508
  width: auto;
1507
1509
  }
@@ -3676,7 +3678,7 @@ $grid-checkmark-color: $primary-text-color !default;
3676
3678
  overflow-x: scroll;
3677
3679
  }
3678
3680
 
3679
- &.e-mac-safari .virtualtable {
3681
+ &.e-mac-safari .e-virtualtable {
3680
3682
  .e-leftfreeze,
3681
3683
  .e-rightfreeze {
3682
3684
  transform: translateZ(0);
@@ -4454,6 +4456,12 @@ $grid-checkmark-color: $primary-text-color !default;
4454
4456
  padding: 6px;
4455
4457
  }
4456
4458
  }
4459
+
4460
+ .e-rowcell .e-checkbox-wrapper,
4461
+ .e-rowcell .e-css.e-checkbox-wrapper {
4462
+ -webkit-user-select: none; /* stylelint-disable-line property-no-vendor-prefix */
4463
+ user-select: none;
4464
+ }
4457
4465
 
4458
4466
  span.e-ungroupbutton.e-icons {
4459
4467
  margin-left: $grid-group-ungroupicon-margin-left;
package/SCSS-Themes/grids/grid/bootstrap5-dark.scss CHANGED
@@ -150,6 +150,7 @@ $grid-bigger-columnchooser-header-padding: 24px 24px 38px !default;
150
150
  $grid-bigger-columnchooser-ul-padding: 0 !default;
151
151
  $grid-bigger-columnchooser-li-padding: 8px 0 !default;
152
152
  $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
153
+ $grid-bigger-toolbar-div-margin: 12px !default;
153
154
  $grid-device-headercell-padding: 0 12px $grid-header-bottom-padding !default;
154
155
  $grid-device-headercell-fistchild-padding: 0 12px $grid-header-bottom-padding 16px !default;
155
156
  $grid-device-headercell-lastchild-padding: 0 16px $grid-header-bottom-padding 12px !default;
@@ -255,6 +256,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 5px 25px 5px 0 !default;
255
256
  $grid-res-toolbar-search-wrapper-icon-padding: 10px !default;
256
257
  $grid-res-toolbar-search-wrapper-padding-right: 13px !default;
257
258
  $grid-res-toolbar-search-icon-padding-left: 0 !default;
259
+ $grid-toolbar-responsive-right-width: calc(100% - 50px) !default;
258
260
  $grid-bigger-toolbar-search-icon-min-width: 38px !default;
259
261
  $grid-bigger-toolbar-search-wrapper-padding-bottom: 5px !default;
260
262
  $grid-bigger-toolbar-search-wrapper-padding-top: 5px !default;
@@ -1501,7 +1503,7 @@ $grid-checkmark-color: $primary-text-color !default;
1501
1503
  }
1502
1504
 
1503
1505
  & .e-responsive-right {
1504
- width: calc(100% - 50px);
1506
+ width: $grid-toolbar-responsive-right-width;
1505
1507
  &.e-search-wrapper {
1506
1508
  width: auto;
1507
1509
  }
@@ -3676,7 +3678,7 @@ $grid-checkmark-color: $primary-text-color !default;
3676
3678
  overflow-x: scroll;
3677
3679
  }
3678
3680
 
3679
- &.e-mac-safari .virtualtable {
3681
+ &.e-mac-safari .e-virtualtable {
3680
3682
  .e-leftfreeze,
3681
3683
  .e-rightfreeze {
3682
3684
  transform: translateZ(0);
@@ -4454,6 +4456,12 @@ $grid-checkmark-color: $primary-text-color !default;
4454
4456
  padding: 6px;
4455
4457
  }
4456
4458
  }
4459
+
4460
+ .e-rowcell .e-checkbox-wrapper,
4461
+ .e-rowcell .e-css.e-checkbox-wrapper {
4462
+ -webkit-user-select: none; /* stylelint-disable-line property-no-vendor-prefix */
4463
+ user-select: none;
4464
+ }
4457
4465
 
4458
4466
  span.e-ungroupbutton.e-icons {
4459
4467
  margin-left: $grid-group-ungroupicon-margin-left;
@@ -7841,6 +7849,17 @@ $grid-checkmark-color: $primary-text-color !default;
7841
7849
  }
7842
7850
  }
7843
7851
 
7852
+ .e-toolbar .e-toolbar-items:first-child:not(.e-toolbar-multirow) > .e-toolbar-item:not(.e-hidden):nth-last-child(1 of :not(.e-hidden)),
7853
+ .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:not(.e-hidden):nth-last-child(1 of :not(.e-hidden)) {
7854
+ margin-right: $grid-bigger-toolbar-div-margin;
7855
+ }
7856
+
7857
+ .e-toolbar.e-rtl .e-toolbar-items:first-child:not(.e-toolbar-multirow) > .e-toolbar-item:not(.e-hidden):nth-last-child(1 of :not(.e-hidden)),
7858
+ .e-toolbar.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:not(.e-hidden):nth-last-child(1 of :not(.e-hidden)) {
7859
+ margin-left: $grid-bigger-toolbar-div-margin;
7860
+ margin-right: initial;
7861
+ }
7862
+
7844
7863
  .e-row .e-input-group .e-control.e-input {
7845
7864
  @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
7846
7865
  padding-bottom: 0;
package/SCSS-Themes/grids/grid/bootstrap5-lite.scss CHANGED
@@ -150,6 +150,7 @@ $grid-bigger-columnchooser-header-padding: 24px 24px 38px !default;
150
150
  $grid-bigger-columnchooser-ul-padding: 0 !default;
151
151
  $grid-bigger-columnchooser-li-padding: 8px 0 !default;
152
152
  $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
153
+ $grid-bigger-toolbar-div-margin: 12px !default;
153
154
  $grid-device-headercell-padding: 0 12px $grid-header-bottom-padding !default;
154
155
  $grid-device-headercell-fistchild-padding: 0 12px $grid-header-bottom-padding 16px !default;
155
156
  $grid-device-headercell-lastchild-padding: 0 16px $grid-header-bottom-padding 12px !default;
@@ -255,6 +256,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 5px 25px 5px 0 !default;
255
256
  $grid-res-toolbar-search-wrapper-icon-padding: 10px !default;
256
257
  $grid-res-toolbar-search-wrapper-padding-right: 13px !default;
257
258
  $grid-res-toolbar-search-icon-padding-left: 0 !default;
259
+ $grid-toolbar-responsive-right-width: calc(100% - 50px) !default;
258
260
  $grid-bigger-toolbar-search-icon-min-width: 38px !default;
259
261
  $grid-bigger-toolbar-search-wrapper-padding-bottom: 5px !default;
260
262
  $grid-bigger-toolbar-search-wrapper-padding-top: 5px !default;
@@ -1501,7 +1503,7 @@ $grid-checkmark-color: $primary-text-color !default;
1501
1503
  }
1502
1504
 
1503
1505
  & .e-responsive-right {
1504
- width: calc(100% - 50px);
1506
+ width: $grid-toolbar-responsive-right-width;
1505
1507
  &.e-search-wrapper {
1506
1508
  width: auto;
1507
1509
  }
@@ -3676,7 +3678,7 @@ $grid-checkmark-color: $primary-text-color !default;
3676
3678
  overflow-x: scroll;
3677
3679
  }
3678
3680
 
3679
- &.e-mac-safari .virtualtable {
3681
+ &.e-mac-safari .e-virtualtable {
3680
3682
  .e-leftfreeze,
3681
3683
  .e-rightfreeze {
3682
3684
  transform: translateZ(0);
@@ -4454,6 +4456,12 @@ $grid-checkmark-color: $primary-text-color !default;
4454
4456
  padding: 6px;
4455
4457
  }
4456
4458
  }
4459
+
4460
+ .e-rowcell .e-checkbox-wrapper,
4461
+ .e-rowcell .e-css.e-checkbox-wrapper {
4462
+ -webkit-user-select: none; /* stylelint-disable-line property-no-vendor-prefix */
4463
+ user-select: none;
4464
+ }
4457
4465
 
4458
4466
  span.e-ungroupbutton.e-icons {
4459
4467
  margin-left: $grid-group-ungroupicon-margin-left;
package/SCSS-Themes/grids/grid/bootstrap5.3-dark-lite.scss CHANGED
@@ -150,6 +150,7 @@ $grid-bigger-columnchooser-header-padding: 24px 24px 38px !default;
150
150
  $grid-bigger-columnchooser-ul-padding: 0 !default;
151
151
  $grid-bigger-columnchooser-li-padding: 8px 0 !default;
152
152
  $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
153
+ $grid-bigger-toolbar-div-margin: 12px !default;
153
154
  $grid-device-headercell-padding: 0 12px $grid-header-bottom-padding !default;
154
155
  $grid-device-headercell-fistchild-padding: 0 12px $grid-header-bottom-padding 16px !default;
155
156
  $grid-device-headercell-lastchild-padding: 0 16px $grid-header-bottom-padding 12px !default;
@@ -255,6 +256,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 5px 25px 5px 0 !default;
255
256
  $grid-res-toolbar-search-wrapper-icon-padding: 10px !default;
256
257
  $grid-res-toolbar-search-wrapper-padding-right: 13px !default;
257
258
  $grid-res-toolbar-search-icon-padding-left: 0 !default;
259
+ $grid-toolbar-responsive-right-width: calc(100% - 50px) !default;
258
260
  $grid-bigger-toolbar-search-icon-min-width: 38px !default;
259
261
  $grid-bigger-toolbar-search-wrapper-padding-bottom: 5px !default;
260
262
  $grid-bigger-toolbar-search-wrapper-padding-top: 5px !default;
@@ -1501,7 +1503,7 @@ $grid-checkmark-color: $primary-text-color !default;
1501
1503
  }
1502
1504
 
1503
1505
  & .e-responsive-right {
1504
- width: calc(100% - 50px);
1506
+ width: $grid-toolbar-responsive-right-width;
1505
1507
  &.e-search-wrapper {
1506
1508
  width: auto;
1507
1509
  }
@@ -3676,7 +3678,7 @@ $grid-checkmark-color: $primary-text-color !default;
3676
3678
  overflow-x: scroll;
3677
3679
  }
3678
3680
 
3679
- &.e-mac-safari .virtualtable {
3681
+ &.e-mac-safari .e-virtualtable {
3680
3682
  .e-leftfreeze,
3681
3683
  .e-rightfreeze {
3682
3684
  transform: translateZ(0);
@@ -4454,6 +4456,12 @@ $grid-checkmark-color: $primary-text-color !default;
4454
4456
  padding: 6px;
4455
4457
  }
4456
4458
  }
4459
+
4460
+ .e-rowcell .e-checkbox-wrapper,
4461
+ .e-rowcell .e-css.e-checkbox-wrapper {
4462
+ -webkit-user-select: none; /* stylelint-disable-line property-no-vendor-prefix */
4463
+ user-select: none;
4464
+ }
4457
4465
 
4458
4466
  span.e-ungroupbutton.e-icons {
4459
4467
  margin-left: $grid-group-ungroupicon-margin-left;
package/SCSS-Themes/grids/grid/bootstrap5.3-dark.scss CHANGED
@@ -150,6 +150,7 @@ $grid-bigger-columnchooser-header-padding: 24px 24px 38px !default;
150
150
  $grid-bigger-columnchooser-ul-padding: 0 !default;
151
151
  $grid-bigger-columnchooser-li-padding: 8px 0 !default;
152
152
  $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
153
+ $grid-bigger-toolbar-div-margin: 12px !default;
153
154
  $grid-device-headercell-padding: 0 12px $grid-header-bottom-padding !default;
154
155
  $grid-device-headercell-fistchild-padding: 0 12px $grid-header-bottom-padding 16px !default;
155
156
  $grid-device-headercell-lastchild-padding: 0 16px $grid-header-bottom-padding 12px !default;
@@ -255,6 +256,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 5px 25px 5px 0 !default;
255
256
  $grid-res-toolbar-search-wrapper-icon-padding: 10px !default;
256
257
  $grid-res-toolbar-search-wrapper-padding-right: 13px !default;
257
258
  $grid-res-toolbar-search-icon-padding-left: 0 !default;
259
+ $grid-toolbar-responsive-right-width: calc(100% - 50px) !default;
258
260
  $grid-bigger-toolbar-search-icon-min-width: 38px !default;
259
261
  $grid-bigger-toolbar-search-wrapper-padding-bottom: 5px !default;
260
262
  $grid-bigger-toolbar-search-wrapper-padding-top: 5px !default;
@@ -1501,7 +1503,7 @@ $grid-checkmark-color: $primary-text-color !default;
1501
1503
  }
1502
1504
 
1503
1505
  & .e-responsive-right {
1504
- width: calc(100% - 50px);
1506
+ width: $grid-toolbar-responsive-right-width;
1505
1507
  &.e-search-wrapper {
1506
1508
  width: auto;
1507
1509
  }
@@ -3676,7 +3678,7 @@ $grid-checkmark-color: $primary-text-color !default;
3676
3678
  overflow-x: scroll;
3677
3679
  }
3678
3680
 
3679
- &.e-mac-safari .virtualtable {
3681
+ &.e-mac-safari .e-virtualtable {
3680
3682
  .e-leftfreeze,
3681
3683
  .e-rightfreeze {
3682
3684
  transform: translateZ(0);
@@ -4454,6 +4456,12 @@ $grid-checkmark-color: $primary-text-color !default;
4454
4456
  padding: 6px;
4455
4457
  }
4456
4458
  }
4459
+
4460
+ .e-rowcell .e-checkbox-wrapper,
4461
+ .e-rowcell .e-css.e-checkbox-wrapper {
4462
+ -webkit-user-select: none; /* stylelint-disable-line property-no-vendor-prefix */
4463
+ user-select: none;
4464
+ }
4457
4465
 
4458
4466
  span.e-ungroupbutton.e-icons {
4459
4467
  margin-left: $grid-group-ungroupicon-margin-left;
@@ -7841,6 +7849,17 @@ $grid-checkmark-color: $primary-text-color !default;
7841
7849
  }
7842
7850
  }
7843
7851
 
7852
+ .e-toolbar .e-toolbar-items:first-child:not(.e-toolbar-multirow) > .e-toolbar-item:not(.e-hidden):nth-last-child(1 of :not(.e-hidden)),
7853
+ .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:not(.e-hidden):nth-last-child(1 of :not(.e-hidden)) {
7854
+ margin-right: $grid-bigger-toolbar-div-margin;
7855
+ }
7856
+
7857
+ .e-toolbar.e-rtl .e-toolbar-items:first-child:not(.e-toolbar-multirow) > .e-toolbar-item:not(.e-hidden):nth-last-child(1 of :not(.e-hidden)),
7858
+ .e-toolbar.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:not(.e-hidden):nth-last-child(1 of :not(.e-hidden)) {
7859
+ margin-left: $grid-bigger-toolbar-div-margin;
7860
+ margin-right: initial;
7861
+ }
7862
+
7844
7863
  .e-row .e-input-group .e-control.e-input {
7845
7864
  @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
7846
7865
  padding-bottom: 0;
package/SCSS-Themes/grids/grid/bootstrap5.3-lite.scss CHANGED
@@ -150,6 +150,7 @@ $grid-bigger-columnchooser-header-padding: 24px 24px 38px !default;
150
150
  $grid-bigger-columnchooser-ul-padding: 0 !default;
151
151
  $grid-bigger-columnchooser-li-padding: 8px 0 !default;
152
152
  $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
153
+ $grid-bigger-toolbar-div-margin: 12px !default;
153
154
  $grid-device-headercell-padding: 0 12px $grid-header-bottom-padding !default;
154
155
  $grid-device-headercell-fistchild-padding: 0 12px $grid-header-bottom-padding 16px !default;
155
156
  $grid-device-headercell-lastchild-padding: 0 16px $grid-header-bottom-padding 12px !default;
@@ -255,6 +256,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 5px 25px 5px 0 !default;
255
256
  $grid-res-toolbar-search-wrapper-icon-padding: 10px !default;
256
257
  $grid-res-toolbar-search-wrapper-padding-right: 13px !default;
257
258
  $grid-res-toolbar-search-icon-padding-left: 0 !default;
259
+ $grid-toolbar-responsive-right-width: calc(100% - 50px) !default;
258
260
  $grid-bigger-toolbar-search-icon-min-width: 38px !default;
259
261
  $grid-bigger-toolbar-search-wrapper-padding-bottom: 5px !default;
260
262
  $grid-bigger-toolbar-search-wrapper-padding-top: 5px !default;
@@ -1501,7 +1503,7 @@ $grid-checkmark-color: $primary-text-color !default;
1501
1503
  }
1502
1504
 
1503
1505
  & .e-responsive-right {
1504
- width: calc(100% - 50px);
1506
+ width: $grid-toolbar-responsive-right-width;
1505
1507
  &.e-search-wrapper {
1506
1508
  width: auto;
1507
1509
  }
@@ -3676,7 +3678,7 @@ $grid-checkmark-color: $primary-text-color !default;
3676
3678
  overflow-x: scroll;
3677
3679
  }
3678
3680
 
3679
- &.e-mac-safari .virtualtable {
3681
+ &.e-mac-safari .e-virtualtable {
3680
3682
  .e-leftfreeze,
3681
3683
  .e-rightfreeze {
3682
3684
  transform: translateZ(0);
@@ -4454,6 +4456,12 @@ $grid-checkmark-color: $primary-text-color !default;
4454
4456
  padding: 6px;
4455
4457
  }
4456
4458
  }
4459
+
4460
+ .e-rowcell .e-checkbox-wrapper,
4461
+ .e-rowcell .e-css.e-checkbox-wrapper {
4462
+ -webkit-user-select: none; /* stylelint-disable-line property-no-vendor-prefix */
4463
+ user-select: none;
4464
+ }
4457
4465
 
4458
4466
  span.e-ungroupbutton.e-icons {
4459
4467
  margin-left: $grid-group-ungroupicon-margin-left;
package/SCSS-Themes/grids/grid/bootstrap5.3.scss CHANGED
@@ -150,6 +150,7 @@ $grid-bigger-columnchooser-header-padding: 24px 24px 38px !default;
150
150
  $grid-bigger-columnchooser-ul-padding: 0 !default;
151
151
  $grid-bigger-columnchooser-li-padding: 8px 0 !default;
152
152
  $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
153
+ $grid-bigger-toolbar-div-margin: 12px !default;
153
154
  $grid-device-headercell-padding: 0 12px $grid-header-bottom-padding !default;
154
155
  $grid-device-headercell-fistchild-padding: 0 12px $grid-header-bottom-padding 16px !default;
155
156
  $grid-device-headercell-lastchild-padding: 0 16px $grid-header-bottom-padding 12px !default;
@@ -255,6 +256,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 5px 25px 5px 0 !default;
255
256
  $grid-res-toolbar-search-wrapper-icon-padding: 10px !default;
256
257
  $grid-res-toolbar-search-wrapper-padding-right: 13px !default;
257
258
  $grid-res-toolbar-search-icon-padding-left: 0 !default;
259
+ $grid-toolbar-responsive-right-width: calc(100% - 50px) !default;
258
260
  $grid-bigger-toolbar-search-icon-min-width: 38px !default;
259
261
  $grid-bigger-toolbar-search-wrapper-padding-bottom: 5px !default;
260
262
  $grid-bigger-toolbar-search-wrapper-padding-top: 5px !default;
@@ -1501,7 +1503,7 @@ $grid-checkmark-color: $primary-text-color !default;
1501
1503
  }
1502
1504
 
1503
1505
  & .e-responsive-right {
1504
- width: calc(100% - 50px);
1506
+ width: $grid-toolbar-responsive-right-width;
1505
1507
  &.e-search-wrapper {
1506
1508
  width: auto;
1507
1509
  }
@@ -3676,7 +3678,7 @@ $grid-checkmark-color: $primary-text-color !default;
3676
3678
  overflow-x: scroll;
3677
3679
  }
3678
3680
 
3679
- &.e-mac-safari .virtualtable {
3681
+ &.e-mac-safari .e-virtualtable {
3680
3682
  .e-leftfreeze,
3681
3683
  .e-rightfreeze {
3682
3684
  transform: translateZ(0);
@@ -4454,6 +4456,12 @@ $grid-checkmark-color: $primary-text-color !default;
4454
4456
  padding: 6px;
4455
4457
  }
4456
4458
  }
4459
+
4460
+ .e-rowcell .e-checkbox-wrapper,
4461
+ .e-rowcell .e-css.e-checkbox-wrapper {
4462
+ -webkit-user-select: none; /* stylelint-disable-line property-no-vendor-prefix */
4463
+ user-select: none;
4464
+ }
4457
4465
 
4458
4466
  span.e-ungroupbutton.e-icons {
4459
4467
  margin-left: $grid-group-ungroupicon-margin-left;
@@ -7841,6 +7849,17 @@ $grid-checkmark-color: $primary-text-color !default;
7841
7849
  }
7842
7850
  }
7843
7851
 
7852
+ .e-toolbar .e-toolbar-items:first-child:not(.e-toolbar-multirow) > .e-toolbar-item:not(.e-hidden):nth-last-child(1 of :not(.e-hidden)),
7853
+ .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:not(.e-hidden):nth-last-child(1 of :not(.e-hidden)) {
7854
+ margin-right: $grid-bigger-toolbar-div-margin;
7855
+ }
7856
+
7857
+ .e-toolbar.e-rtl .e-toolbar-items:first-child:not(.e-toolbar-multirow) > .e-toolbar-item:not(.e-hidden):nth-last-child(1 of :not(.e-hidden)),
7858
+ .e-toolbar.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:not(.e-hidden):nth-last-child(1 of :not(.e-hidden)) {
7859
+ margin-left: $grid-bigger-toolbar-div-margin;
7860
+ margin-right: initial;
7861
+ }
7862
+
7844
7863
  .e-row .e-input-group .e-control.e-input {
7845
7864
  @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
7846
7865
  padding-bottom: 0;