@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/bootstrap5.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/fabric-dark-lite.scss CHANGED
@@ -134,6 +134,7 @@ $grid-bigger-group-text-line-height: 32px !default;
134
134
  $grid-bigger-columnchooser-header-padding: 24px 24px 38px !default;
135
135
  $grid-bigger-columnchooser-ul-padding: 0 !default;
136
136
  $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
137
+ $grid-bigger-toolbar-div-margin: 3px !default;
137
138
  $grid-bigger-sorticon-margin-top: 0 !default;
138
139
  $grid-device-group-sorticon-margin-top: 0 !default;
139
140
  $grid-bigger-groupcell-span-padding: 0 !default;
@@ -217,6 +218,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 0 1.5px !default;
217
218
  $grid-res-toolbar-search-wrapper-icon-padding: 11px !default;
218
219
  $grid-res-toolbar-search-wrapper-padding-right: 1.5px !default;
219
220
  $grid-res-toolbar-search-icon-padding-left: 0 !default;
221
+ $grid-toolbar-responsive-right-width: calc(100% - 53px) !default;
220
222
  $grid-bigger-toolbar-search-wrapper-padding-bottom: 5px !default;
221
223
  $grid-bigger-toolbar-search-wrapper-padding-top: 5px !default;
222
224
  $grid-bigger-command-column-padding-bottom: 6px !default;
@@ -1500,7 +1502,7 @@ $grid-checkmark-color: $theme-dark-font !default;
1500
1502
  }
1501
1503
 
1502
1504
  & .e-responsive-right {
1503
- width: calc(100% - 50px);
1505
+ width: $grid-toolbar-responsive-right-width;
1504
1506
  &.e-search-wrapper {
1505
1507
  width: auto;
1506
1508
  }
@@ -3675,7 +3677,7 @@ $grid-checkmark-color: $theme-dark-font !default;
3675
3677
  overflow-x: scroll;
3676
3678
  }
3677
3679
 
3678
- &.e-mac-safari .virtualtable {
3680
+ &.e-mac-safari .e-virtualtable {
3679
3681
  .e-leftfreeze,
3680
3682
  .e-rightfreeze {
3681
3683
  transform: translateZ(0);
@@ -4453,6 +4455,12 @@ $grid-checkmark-color: $theme-dark-font !default;
4453
4455
  padding: 6px;
4454
4456
  }
4455
4457
  }
4458
+
4459
+ .e-rowcell .e-checkbox-wrapper,
4460
+ .e-rowcell .e-css.e-checkbox-wrapper {
4461
+ -webkit-user-select: none; /* stylelint-disable-line property-no-vendor-prefix */
4462
+ user-select: none;
4463
+ }
4456
4464
 
4457
4465
  span.e-ungroupbutton.e-icons {
4458
4466
  margin-left: $grid-group-ungroupicon-margin-left;
package/SCSS-Themes/grids/grid/fabric-dark.scss CHANGED
@@ -134,6 +134,7 @@ $grid-bigger-group-text-line-height: 32px !default;
134
134
  $grid-bigger-columnchooser-header-padding: 24px 24px 38px !default;
135
135
  $grid-bigger-columnchooser-ul-padding: 0 !default;
136
136
  $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
137
+ $grid-bigger-toolbar-div-margin: 3px !default;
137
138
  $grid-bigger-sorticon-margin-top: 0 !default;
138
139
  $grid-device-group-sorticon-margin-top: 0 !default;
139
140
  $grid-bigger-groupcell-span-padding: 0 !default;
@@ -217,6 +218,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 0 1.5px !default;
217
218
  $grid-res-toolbar-search-wrapper-icon-padding: 11px !default;
218
219
  $grid-res-toolbar-search-wrapper-padding-right: 1.5px !default;
219
220
  $grid-res-toolbar-search-icon-padding-left: 0 !default;
221
+ $grid-toolbar-responsive-right-width: calc(100% - 53px) !default;
220
222
  $grid-bigger-toolbar-search-wrapper-padding-bottom: 5px !default;
221
223
  $grid-bigger-toolbar-search-wrapper-padding-top: 5px !default;
222
224
  $grid-bigger-command-column-padding-bottom: 6px !default;
@@ -1500,7 +1502,7 @@ $grid-checkmark-color: $theme-dark-font !default;
1500
1502
  }
1501
1503
 
1502
1504
  & .e-responsive-right {
1503
- width: calc(100% - 50px);
1505
+ width: $grid-toolbar-responsive-right-width;
1504
1506
  &.e-search-wrapper {
1505
1507
  width: auto;
1506
1508
  }
@@ -3675,7 +3677,7 @@ $grid-checkmark-color: $theme-dark-font !default;
3675
3677
  overflow-x: scroll;
3676
3678
  }
3677
3679
 
3678
- &.e-mac-safari .virtualtable {
3680
+ &.e-mac-safari .e-virtualtable {
3679
3681
  .e-leftfreeze,
3680
3682
  .e-rightfreeze {
3681
3683
  transform: translateZ(0);
@@ -4453,6 +4455,12 @@ $grid-checkmark-color: $theme-dark-font !default;
4453
4455
  padding: 6px;
4454
4456
  }
4455
4457
  }
4458
+
4459
+ .e-rowcell .e-checkbox-wrapper,
4460
+ .e-rowcell .e-css.e-checkbox-wrapper {
4461
+ -webkit-user-select: none; /* stylelint-disable-line property-no-vendor-prefix */
4462
+ user-select: none;
4463
+ }
4456
4464
 
4457
4465
  span.e-ungroupbutton.e-icons {
4458
4466
  margin-left: $grid-group-ungroupicon-margin-left;
@@ -7846,6 +7854,17 @@ $grid-checkmark-color: $theme-dark-font !default;
7846
7854
  }
7847
7855
  }
7848
7856
 
7857
+ .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)),
7858
+ .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)) {
7859
+ margin-right: $grid-bigger-toolbar-div-margin;
7860
+ }
7861
+
7862
+ .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)),
7863
+ .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)) {
7864
+ margin-left: $grid-bigger-toolbar-div-margin;
7865
+ margin-right: initial;
7866
+ }
7867
+
7849
7868
  .e-row .e-input-group .e-control.e-input {
7850
7869
  @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
7851
7870
  padding-bottom: 0;
package/SCSS-Themes/grids/grid/fabric-lite.scss CHANGED
@@ -140,6 +140,7 @@ $grid-bigger-group-text-line-height: 32px !default;
140
140
  $grid-bigger-columnchooser-header-padding: 24px 24px 38px !default;
141
141
  $grid-bigger-columnchooser-ul-padding: 0 !default;
142
142
  $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
143
+ $grid-bigger-toolbar-div-margin: 3px !default;
143
144
  $grid-bigger-sorticon-margin-top: 0 !default;
144
145
  $grid-device-group-sorticon-margin-top: 0 !default;
145
146
  $grid-bigger-groupcell-span-padding: 0 !default;
@@ -223,6 +224,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 0 1.5px !default;
223
224
  $grid-res-toolbar-search-wrapper-icon-padding: 11px !default;
224
225
  $grid-res-toolbar-search-wrapper-padding-right: 1.5px !default;
225
226
  $grid-res-toolbar-search-icon-padding-left: 0 !default;
227
+ $grid-toolbar-responsive-right-width: calc(100% - 53px) !default;
226
228
  $grid-bigger-toolbar-search-wrapper-padding-bottom: 5px !default;
227
229
  $grid-bigger-toolbar-search-wrapper-padding-top: 5px !default;
228
230
  $grid-bigger-command-column-padding-bottom: 6px !default;
@@ -1501,7 +1503,7 @@ $grid-checkmark-color: $theme-primary-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: $theme-primary-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: $theme-primary-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;
package/SCSS-Themes/grids/grid/fabric.scss CHANGED
@@ -140,6 +140,7 @@ $grid-bigger-group-text-line-height: 32px !default;
140
140
  $grid-bigger-columnchooser-header-padding: 24px 24px 38px !default;
141
141
  $grid-bigger-columnchooser-ul-padding: 0 !default;
142
142
  $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
143
+ $grid-bigger-toolbar-div-margin: 3px !default;
143
144
  $grid-bigger-sorticon-margin-top: 0 !default;
144
145
  $grid-device-group-sorticon-margin-top: 0 !default;
145
146
  $grid-bigger-groupcell-span-padding: 0 !default;
@@ -223,6 +224,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 0 1.5px !default;
223
224
  $grid-res-toolbar-search-wrapper-icon-padding: 11px !default;
224
225
  $grid-res-toolbar-search-wrapper-padding-right: 1.5px !default;
225
226
  $grid-res-toolbar-search-icon-padding-left: 0 !default;
227
+ $grid-toolbar-responsive-right-width: calc(100% - 53px) !default;
226
228
  $grid-bigger-toolbar-search-wrapper-padding-bottom: 5px !default;
227
229
  $grid-bigger-toolbar-search-wrapper-padding-top: 5px !default;
228
230
  $grid-bigger-command-column-padding-bottom: 6px !default;
@@ -1501,7 +1503,7 @@ $grid-checkmark-color: $theme-primary-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: $theme-primary-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: $theme-primary-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;
@@ -7849,6 +7857,17 @@ $grid-checkmark-color: $theme-primary-font !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/fluent-dark-lite.scss CHANGED
@@ -212,6 +212,7 @@ $grid-bigger-columnchooser-header-padding: 24px 24px 38px !default;
212
212
  $grid-bigger-columnchooser-ul-padding: 0 !default;
213
213
  $grid-bigger-columnchooser-li-padding: 8px 0 !default;
214
214
  $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
215
+ $grid-bigger-toolbar-div-margin: 10px !default;
215
216
  $grid-device-headercell-padding: 0 12px $grid-header-bottom-padding !default;
216
217
  $grid-device-headercell-fistchild-padding: 0 12px $grid-header-bottom-padding 16px !default;
217
218
  $grid-device-headercell-lastchild-padding: 0 16px $grid-header-bottom-padding 12px !default;
@@ -304,6 +305,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 2px 18px 5px 0 !default;
304
305
  $grid-res-toolbar-search-wrapper-icon-padding: 13px !default;
305
306
  $grid-res-toolbar-search-wrapper-padding-right: 8px !default;
306
307
  $grid-res-toolbar-search-icon-padding-left: 0 !default;
308
+ $grid-toolbar-responsive-right-width: calc(100% - 50px) !default;
307
309
  $grid-bigger-toolbar-search-icon-min-width: 38px !default;
308
310
  $grid-bigger-toolbar-search-wrapper-padding-bottom: 5px !default;
309
311
  $grid-bigger-toolbar-search-wrapper-padding-top: 2px !default;
@@ -1502,7 +1504,7 @@ $grid-checkmark-color: $primary-text-color !default;
1502
1504
  }
1503
1505
 
1504
1506
  & .e-responsive-right {
1505
- width: calc(100% - 50px);
1507
+ width: $grid-toolbar-responsive-right-width;
1506
1508
  &.e-search-wrapper {
1507
1509
  width: auto;
1508
1510
  }
@@ -3677,7 +3679,7 @@ $grid-checkmark-color: $primary-text-color !default;
3677
3679
  overflow-x: scroll;
3678
3680
  }
3679
3681
 
3680
- &.e-mac-safari .virtualtable {
3682
+ &.e-mac-safari .e-virtualtable {
3681
3683
  .e-leftfreeze,
3682
3684
  .e-rightfreeze {
3683
3685
  transform: translateZ(0);
@@ -4455,6 +4457,12 @@ $grid-checkmark-color: $primary-text-color !default;
4455
4457
  padding: 6px;
4456
4458
  }
4457
4459
  }
4460
+
4461
+ .e-rowcell .e-checkbox-wrapper,
4462
+ .e-rowcell .e-css.e-checkbox-wrapper {
4463
+ -webkit-user-select: none; /* stylelint-disable-line property-no-vendor-prefix */
4464
+ user-select: none;
4465
+ }
4458
4466
 
4459
4467
  span.e-ungroupbutton.e-icons {
4460
4468
  margin-left: $grid-group-ungroupicon-margin-left;
package/SCSS-Themes/grids/grid/fluent-dark.scss CHANGED
@@ -212,6 +212,7 @@ $grid-bigger-columnchooser-header-padding: 24px 24px 38px !default;
212
212
  $grid-bigger-columnchooser-ul-padding: 0 !default;
213
213
  $grid-bigger-columnchooser-li-padding: 8px 0 !default;
214
214
  $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
215
+ $grid-bigger-toolbar-div-margin: 10px !default;
215
216
  $grid-device-headercell-padding: 0 12px $grid-header-bottom-padding !default;
216
217
  $grid-device-headercell-fistchild-padding: 0 12px $grid-header-bottom-padding 16px !default;
217
218
  $grid-device-headercell-lastchild-padding: 0 16px $grid-header-bottom-padding 12px !default;
@@ -304,6 +305,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 2px 18px 5px 0 !default;
304
305
  $grid-res-toolbar-search-wrapper-icon-padding: 13px !default;
305
306
  $grid-res-toolbar-search-wrapper-padding-right: 8px !default;
306
307
  $grid-res-toolbar-search-icon-padding-left: 0 !default;
308
+ $grid-toolbar-responsive-right-width: calc(100% - 50px) !default;
307
309
  $grid-bigger-toolbar-search-icon-min-width: 38px !default;
308
310
  $grid-bigger-toolbar-search-wrapper-padding-bottom: 5px !default;
309
311
  $grid-bigger-toolbar-search-wrapper-padding-top: 2px !default;
@@ -1502,7 +1504,7 @@ $grid-checkmark-color: $primary-text-color !default;
1502
1504
  }
1503
1505
 
1504
1506
  & .e-responsive-right {
1505
- width: calc(100% - 50px);
1507
+ width: $grid-toolbar-responsive-right-width;
1506
1508
  &.e-search-wrapper {
1507
1509
  width: auto;
1508
1510
  }
@@ -3677,7 +3679,7 @@ $grid-checkmark-color: $primary-text-color !default;
3677
3679
  overflow-x: scroll;
3678
3680
  }
3679
3681
 
3680
- &.e-mac-safari .virtualtable {
3682
+ &.e-mac-safari .e-virtualtable {
3681
3683
  .e-leftfreeze,
3682
3684
  .e-rightfreeze {
3683
3685
  transform: translateZ(0);
@@ -4455,6 +4457,12 @@ $grid-checkmark-color: $primary-text-color !default;
4455
4457
  padding: 6px;
4456
4458
  }
4457
4459
  }
4460
+
4461
+ .e-rowcell .e-checkbox-wrapper,
4462
+ .e-rowcell .e-css.e-checkbox-wrapper {
4463
+ -webkit-user-select: none; /* stylelint-disable-line property-no-vendor-prefix */
4464
+ user-select: none;
4465
+ }
4458
4466
 
4459
4467
  span.e-ungroupbutton.e-icons {
4460
4468
  margin-left: $grid-group-ungroupicon-margin-left;
@@ -7848,6 +7856,17 @@ $grid-checkmark-color: $primary-text-color !default;
7848
7856
  }
7849
7857
  }
7850
7858
 
7859
+ .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)),
7860
+ .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)) {
7861
+ margin-right: $grid-bigger-toolbar-div-margin;
7862
+ }
7863
+
7864
+ .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)),
7865
+ .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)) {
7866
+ margin-left: $grid-bigger-toolbar-div-margin;
7867
+ margin-right: initial;
7868
+ }
7869
+
7851
7870
  .e-row .e-input-group .e-control.e-input {
7852
7871
  @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
7853
7872
  padding-bottom: 0;
package/SCSS-Themes/grids/grid/fluent-lite.scss CHANGED
@@ -212,6 +212,7 @@ $grid-bigger-columnchooser-header-padding: 24px 24px 38px !default;
212
212
  $grid-bigger-columnchooser-ul-padding: 0 !default;
213
213
  $grid-bigger-columnchooser-li-padding: 8px 0 !default;
214
214
  $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
215
+ $grid-bigger-toolbar-div-margin: 10px !default;
215
216
  $grid-device-headercell-padding: 0 12px $grid-header-bottom-padding !default;
216
217
  $grid-device-headercell-fistchild-padding: 0 12px $grid-header-bottom-padding 16px !default;
217
218
  $grid-device-headercell-lastchild-padding: 0 16px $grid-header-bottom-padding 12px !default;
@@ -304,6 +305,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 2px 18px 5px 0 !default;
304
305
  $grid-res-toolbar-search-wrapper-icon-padding: 13px !default;
305
306
  $grid-res-toolbar-search-wrapper-padding-right: 8px !default;
306
307
  $grid-res-toolbar-search-icon-padding-left: 0 !default;
308
+ $grid-toolbar-responsive-right-width: calc(100% - 50px) !default;
307
309
  $grid-bigger-toolbar-search-icon-min-width: 38px !default;
308
310
  $grid-bigger-toolbar-search-wrapper-padding-bottom: 5px !default;
309
311
  $grid-bigger-toolbar-search-wrapper-padding-top: 2px !default;
@@ -1502,7 +1504,7 @@ $grid-checkmark-color: $primary-text-color !default;
1502
1504
  }
1503
1505
 
1504
1506
  & .e-responsive-right {
1505
- width: calc(100% - 50px);
1507
+ width: $grid-toolbar-responsive-right-width;
1506
1508
  &.e-search-wrapper {
1507
1509
  width: auto;
1508
1510
  }
@@ -3677,7 +3679,7 @@ $grid-checkmark-color: $primary-text-color !default;
3677
3679
  overflow-x: scroll;
3678
3680
  }
3679
3681
 
3680
- &.e-mac-safari .virtualtable {
3682
+ &.e-mac-safari .e-virtualtable {
3681
3683
  .e-leftfreeze,
3682
3684
  .e-rightfreeze {
3683
3685
  transform: translateZ(0);
@@ -4455,6 +4457,12 @@ $grid-checkmark-color: $primary-text-color !default;
4455
4457
  padding: 6px;
4456
4458
  }
4457
4459
  }
4460
+
4461
+ .e-rowcell .e-checkbox-wrapper,
4462
+ .e-rowcell .e-css.e-checkbox-wrapper {
4463
+ -webkit-user-select: none; /* stylelint-disable-line property-no-vendor-prefix */
4464
+ user-select: none;
4465
+ }
4458
4466
 
4459
4467
  span.e-ungroupbutton.e-icons {
4460
4468
  margin-left: $grid-group-ungroupicon-margin-left;
package/SCSS-Themes/grids/grid/fluent.scss CHANGED
@@ -212,6 +212,7 @@ $grid-bigger-columnchooser-header-padding: 24px 24px 38px !default;
212
212
  $grid-bigger-columnchooser-ul-padding: 0 !default;
213
213
  $grid-bigger-columnchooser-li-padding: 8px 0 !default;
214
214
  $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
215
+ $grid-bigger-toolbar-div-margin: 10px !default;
215
216
  $grid-device-headercell-padding: 0 12px $grid-header-bottom-padding !default;
216
217
  $grid-device-headercell-fistchild-padding: 0 12px $grid-header-bottom-padding 16px !default;
217
218
  $grid-device-headercell-lastchild-padding: 0 16px $grid-header-bottom-padding 12px !default;
@@ -304,6 +305,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 2px 18px 5px 0 !default;
304
305
  $grid-res-toolbar-search-wrapper-icon-padding: 13px !default;
305
306
  $grid-res-toolbar-search-wrapper-padding-right: 8px !default;
306
307
  $grid-res-toolbar-search-icon-padding-left: 0 !default;
308
+ $grid-toolbar-responsive-right-width: calc(100% - 50px) !default;
307
309
  $grid-bigger-toolbar-search-icon-min-width: 38px !default;
308
310
  $grid-bigger-toolbar-search-wrapper-padding-bottom: 5px !default;
309
311
  $grid-bigger-toolbar-search-wrapper-padding-top: 2px !default;
@@ -1502,7 +1504,7 @@ $grid-checkmark-color: $primary-text-color !default;
1502
1504
  }
1503
1505
 
1504
1506
  & .e-responsive-right {
1505
- width: calc(100% - 50px);
1507
+ width: $grid-toolbar-responsive-right-width;
1506
1508
  &.e-search-wrapper {
1507
1509
  width: auto;
1508
1510
  }
@@ -3677,7 +3679,7 @@ $grid-checkmark-color: $primary-text-color !default;
3677
3679
  overflow-x: scroll;
3678
3680
  }
3679
3681
 
3680
- &.e-mac-safari .virtualtable {
3682
+ &.e-mac-safari .e-virtualtable {
3681
3683
  .e-leftfreeze,
3682
3684
  .e-rightfreeze {
3683
3685
  transform: translateZ(0);
@@ -4455,6 +4457,12 @@ $grid-checkmark-color: $primary-text-color !default;
4455
4457
  padding: 6px;
4456
4458
  }
4457
4459
  }
4460
+
4461
+ .e-rowcell .e-checkbox-wrapper,
4462
+ .e-rowcell .e-css.e-checkbox-wrapper {
4463
+ -webkit-user-select: none; /* stylelint-disable-line property-no-vendor-prefix */
4464
+ user-select: none;
4465
+ }
4458
4466
 
4459
4467
  span.e-ungroupbutton.e-icons {
4460
4468
  margin-left: $grid-group-ungroupicon-margin-left;
@@ -7848,6 +7856,17 @@ $grid-checkmark-color: $primary-text-color !default;
7848
7856
  }
7849
7857
  }
7850
7858
 
7859
+ .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)),
7860
+ .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)) {
7861
+ margin-right: $grid-bigger-toolbar-div-margin;
7862
+ }
7863
+
7864
+ .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)),
7865
+ .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)) {
7866
+ margin-left: $grid-bigger-toolbar-div-margin;
7867
+ margin-right: initial;
7868
+ }
7869
+
7851
7870
  .e-row .e-input-group .e-control.e-input {
7852
7871
  @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
7853
7872
  padding-bottom: 0;
package/SCSS-Themes/grids/grid/fluent2-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: 10px !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: 3px 16px 3px 0 !default;
255
256
  $grid-res-toolbar-search-wrapper-icon-padding: 7px !default;
256
257
  $grid-res-toolbar-search-wrapper-padding-right: 16px !default;
257
258
  $grid-res-toolbar-search-icon-padding-left: 10px !default;
259
+ $grid-toolbar-responsive-right-width: calc(100% - 50px) !default;
258
260
  $grid-toolbar-search-wrapper-padding-bottom: 2px !default;
259
261
  $grid-toolbar-search-wrapper-padding-top: 0 !default;
260
262
  $grid-bigger-toolbar-search-icon-min-width: 38px !default;
@@ -1512,7 +1514,7 @@ $grid-checkmark-color: $primary-text-color !default;
1512
1514
  }
1513
1515
 
1514
1516
  & .e-responsive-right {
1515
- width: calc(100% - 50px);
1517
+ width: $grid-toolbar-responsive-right-width;
1516
1518
  &.e-search-wrapper {
1517
1519
  width: auto;
1518
1520
  }
@@ -3687,7 +3689,7 @@ $grid-checkmark-color: $primary-text-color !default;
3687
3689
  overflow-x: scroll;
3688
3690
  }
3689
3691
 
3690
- &.e-mac-safari .virtualtable {
3692
+ &.e-mac-safari .e-virtualtable {
3691
3693
  .e-leftfreeze,
3692
3694
  .e-rightfreeze {
3693
3695
  transform: translateZ(0);
@@ -4465,6 +4467,12 @@ $grid-checkmark-color: $primary-text-color !default;
4465
4467
  padding: 6px;
4466
4468
  }
4467
4469
  }
4470
+
4471
+ .e-rowcell .e-checkbox-wrapper,
4472
+ .e-rowcell .e-css.e-checkbox-wrapper {
4473
+ -webkit-user-select: none; /* stylelint-disable-line property-no-vendor-prefix */
4474
+ user-select: none;
4475
+ }
4468
4476
 
4469
4477
  span.e-ungroupbutton.e-icons {
4470
4478
  margin-left: $grid-group-ungroupicon-margin-left;
package/SCSS-Themes/grids/grid/fluent2-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: 10px !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: 3px 16px 3px 0 !default;
255
256
  $grid-res-toolbar-search-wrapper-icon-padding: 7px !default;
256
257
  $grid-res-toolbar-search-wrapper-padding-right: 16px !default;
257
258
  $grid-res-toolbar-search-icon-padding-left: 10px !default;
259
+ $grid-toolbar-responsive-right-width: calc(100% - 50px) !default;
258
260
  $grid-toolbar-search-wrapper-padding-bottom: 2px !default;
259
261
  $grid-toolbar-search-wrapper-padding-top: 0 !default;
260
262
  $grid-bigger-toolbar-search-icon-min-width: 38px !default;
@@ -1512,7 +1514,7 @@ $grid-checkmark-color: $primary-text-color !default;
1512
1514
  }
1513
1515
 
1514
1516
  & .e-responsive-right {
1515
- width: calc(100% - 50px);
1517
+ width: $grid-toolbar-responsive-right-width;
1516
1518
  &.e-search-wrapper {
1517
1519
  width: auto;
1518
1520
  }
@@ -3687,7 +3689,7 @@ $grid-checkmark-color: $primary-text-color !default;
3687
3689
  overflow-x: scroll;
3688
3690
  }
3689
3691
 
3690
- &.e-mac-safari .virtualtable {
3692
+ &.e-mac-safari .e-virtualtable {
3691
3693
  .e-leftfreeze,
3692
3694
  .e-rightfreeze {
3693
3695
  transform: translateZ(0);
@@ -4465,6 +4467,12 @@ $grid-checkmark-color: $primary-text-color !default;
4465
4467
  padding: 6px;
4466
4468
  }
4467
4469
  }
4470
+
4471
+ .e-rowcell .e-checkbox-wrapper,
4472
+ .e-rowcell .e-css.e-checkbox-wrapper {
4473
+ -webkit-user-select: none; /* stylelint-disable-line property-no-vendor-prefix */
4474
+ user-select: none;
4475
+ }
4468
4476
 
4469
4477
  span.e-ungroupbutton.e-icons {
4470
4478
  margin-left: $grid-group-ungroupicon-margin-left;
@@ -7858,6 +7866,17 @@ $grid-checkmark-color: $primary-text-color !default;
7858
7866
  }
7859
7867
  }
7860
7868
 
7869
+ .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)),
7870
+ .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)) {
7871
+ margin-right: $grid-bigger-toolbar-div-margin;
7872
+ }
7873
+
7874
+ .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)),
7875
+ .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)) {
7876
+ margin-left: $grid-bigger-toolbar-div-margin;
7877
+ margin-right: initial;
7878
+ }
7879
+
7861
7880
  .e-row .e-input-group .e-control.e-input {
7862
7881
  @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
7863
7882
  padding-bottom: 0;
package/SCSS-Themes/grids/grid/fluent2-highcontrast-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: 10px !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: 3px 16px 3px 0 !default;
255
256
  $grid-res-toolbar-search-wrapper-icon-padding: 7px !default;
256
257
  $grid-res-toolbar-search-wrapper-padding-right: 16px !default;
257
258
  $grid-res-toolbar-search-icon-padding-left: 10px !default;
259
+ $grid-toolbar-responsive-right-width: calc(100% - 50px) !default;
258
260
  $grid-toolbar-search-wrapper-padding-bottom: 2px !default;
259
261
  $grid-toolbar-search-wrapper-padding-top: 0 !default;
260
262
  $grid-bigger-toolbar-search-icon-min-width: 38px !default;
@@ -1512,7 +1514,7 @@ $grid-checkmark-color: $primary-text-color !default;
1512
1514
  }
1513
1515
 
1514
1516
  & .e-responsive-right {
1515
- width: calc(100% - 50px);
1517
+ width: $grid-toolbar-responsive-right-width;
1516
1518
  &.e-search-wrapper {
1517
1519
  width: auto;
1518
1520
  }
@@ -3687,7 +3689,7 @@ $grid-checkmark-color: $primary-text-color !default;
3687
3689
  overflow-x: scroll;
3688
3690
  }
3689
3691
 
3690
- &.e-mac-safari .virtualtable {
3692
+ &.e-mac-safari .e-virtualtable {
3691
3693
  .e-leftfreeze,
3692
3694
  .e-rightfreeze {
3693
3695
  transform: translateZ(0);
@@ -4465,6 +4467,12 @@ $grid-checkmark-color: $primary-text-color !default;
4465
4467
  padding: 6px;
4466
4468
  }
4467
4469
  }
4470
+
4471
+ .e-rowcell .e-checkbox-wrapper,
4472
+ .e-rowcell .e-css.e-checkbox-wrapper {
4473
+ -webkit-user-select: none; /* stylelint-disable-line property-no-vendor-prefix */
4474
+ user-select: none;
4475
+ }
4468
4476
 
4469
4477
  span.e-ungroupbutton.e-icons {
4470
4478
  margin-left: $grid-group-ungroupicon-margin-left;