@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/fluent2-highcontrast.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-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.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/highcontrast-lite.scss CHANGED
@@ -139,6 +139,7 @@ $grid-bigger-grouptext-width: 76px !default;
139
139
  $grid-bigger-columnchooser-header-padding: 24px 24px 38px !default;
140
140
  $grid-bigger-columnchooser-ul-padding: 0 !default;
141
141
  $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
142
+ $grid-bigger-toolbar-div-margin: 3px !default;
142
143
  $grid-bigger-sorticon-margin-top: 0 !default;
143
144
  $grid-device-group-sorticon-margin-top: 0 !default;
144
145
  $grid-bigger-groupcell-span-padding: 0 !default;
@@ -452,6 +453,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 0 1.5px !default;
452
453
  $grid-res-toolbar-search-wrapper-icon-padding: 11px !default;
453
454
  $grid-res-toolbar-search-wrapper-padding-right: 1.5px !default;
454
455
  $grid-res-toolbar-search-icon-padding-left: 0 !default;
456
+ $grid-toolbar-responsive-right-width: calc(100% - 53px) !default;
455
457
  $grid-bigger-toolbar-search-icon-min-width: 38px !default;
456
458
  $grid-toolbar-search-wrapper-padding-top: 4px !default;
457
459
  $grid-toolbar-search-wrapper-padding-bottom: 4px !default;
@@ -1499,7 +1501,7 @@ $grid-checkmark-color: $selection-font !default;
1499
1501
  }
1500
1502
 
1501
1503
  & .e-responsive-right {
1502
- width: calc(100% - 50px);
1504
+ width: $grid-toolbar-responsive-right-width;
1503
1505
  &.e-search-wrapper {
1504
1506
  width: auto;
1505
1507
  }
@@ -3674,7 +3676,7 @@ $grid-checkmark-color: $selection-font !default;
3674
3676
  overflow-x: scroll;
3675
3677
  }
3676
3678
 
3677
- &.e-mac-safari .virtualtable {
3679
+ &.e-mac-safari .e-virtualtable {
3678
3680
  .e-leftfreeze,
3679
3681
  .e-rightfreeze {
3680
3682
  transform: translateZ(0);
@@ -4452,6 +4454,12 @@ $grid-checkmark-color: $selection-font !default;
4452
4454
  padding: 6px;
4453
4455
  }
4454
4456
  }
4457
+
4458
+ .e-rowcell .e-checkbox-wrapper,
4459
+ .e-rowcell .e-css.e-checkbox-wrapper {
4460
+ -webkit-user-select: none; /* stylelint-disable-line property-no-vendor-prefix */
4461
+ user-select: none;
4462
+ }
4455
4463
 
4456
4464
  span.e-ungroupbutton.e-icons {
4457
4465
  margin-left: $grid-group-ungroupicon-margin-left;
package/SCSS-Themes/grids/grid/highcontrast.scss CHANGED
@@ -139,6 +139,7 @@ $grid-bigger-grouptext-width: 76px !default;
139
139
  $grid-bigger-columnchooser-header-padding: 24px 24px 38px !default;
140
140
  $grid-bigger-columnchooser-ul-padding: 0 !default;
141
141
  $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
142
+ $grid-bigger-toolbar-div-margin: 3px !default;
142
143
  $grid-bigger-sorticon-margin-top: 0 !default;
143
144
  $grid-device-group-sorticon-margin-top: 0 !default;
144
145
  $grid-bigger-groupcell-span-padding: 0 !default;
@@ -452,6 +453,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 0 1.5px !default;
452
453
  $grid-res-toolbar-search-wrapper-icon-padding: 11px !default;
453
454
  $grid-res-toolbar-search-wrapper-padding-right: 1.5px !default;
454
455
  $grid-res-toolbar-search-icon-padding-left: 0 !default;
456
+ $grid-toolbar-responsive-right-width: calc(100% - 53px) !default;
455
457
  $grid-bigger-toolbar-search-icon-min-width: 38px !default;
456
458
  $grid-toolbar-search-wrapper-padding-top: 4px !default;
457
459
  $grid-toolbar-search-wrapper-padding-bottom: 4px !default;
@@ -1499,7 +1501,7 @@ $grid-checkmark-color: $selection-font !default;
1499
1501
  }
1500
1502
 
1501
1503
  & .e-responsive-right {
1502
- width: calc(100% - 50px);
1504
+ width: $grid-toolbar-responsive-right-width;
1503
1505
  &.e-search-wrapper {
1504
1506
  width: auto;
1505
1507
  }
@@ -3674,7 +3676,7 @@ $grid-checkmark-color: $selection-font !default;
3674
3676
  overflow-x: scroll;
3675
3677
  }
3676
3678
 
3677
- &.e-mac-safari .virtualtable {
3679
+ &.e-mac-safari .e-virtualtable {
3678
3680
  .e-leftfreeze,
3679
3681
  .e-rightfreeze {
3680
3682
  transform: translateZ(0);
@@ -4452,6 +4454,12 @@ $grid-checkmark-color: $selection-font !default;
4452
4454
  padding: 6px;
4453
4455
  }
4454
4456
  }
4457
+
4458
+ .e-rowcell .e-checkbox-wrapper,
4459
+ .e-rowcell .e-css.e-checkbox-wrapper {
4460
+ -webkit-user-select: none; /* stylelint-disable-line property-no-vendor-prefix */
4461
+ user-select: none;
4462
+ }
4455
4463
 
4456
4464
  span.e-ungroupbutton.e-icons {
4457
4465
  margin-left: $grid-group-ungroupicon-margin-left;
@@ -7844,6 +7852,17 @@ $grid-checkmark-color: $selection-font !default;
7844
7852
  }
7845
7853
  }
7846
7854
 
7855
+ .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)),
7856
+ .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)) {
7857
+ margin-right: $grid-bigger-toolbar-div-margin;
7858
+ }
7859
+
7860
+ .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)),
7861
+ .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)) {
7862
+ margin-left: $grid-bigger-toolbar-div-margin;
7863
+ margin-right: initial;
7864
+ }
7865
+
7847
7866
  .e-row .e-input-group .e-control.e-input {
7848
7867
  @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
7849
7868
  padding-bottom: 0;
package/SCSS-Themes/grids/grid/material-dark-lite.scss CHANGED
@@ -188,6 +188,7 @@ $grid-bigger-columnchooser-header-padding: 24px 24px 38px !default;
188
188
  $grid-bigger-columnchooser-ul-padding: 0 !default;
189
189
  $grid-bigger-columnchooser-li-padding: 11px 0 !default;
190
190
  $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
191
+ $grid-bigger-toolbar-div-margin: 3px !default;
191
192
  $grid-bigger-cc-checkbox-padding-left: 12px !default;
192
193
  $grid-bigger-searchdiv-padding-left: 6px !default;
193
194
  $grid-bigger-sorticon-margin-top: 0 !default;
@@ -457,6 +458,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 5px !default;
457
458
  $grid-res-toolbar-search-wrapper-icon-padding: 6px 9px !default;
458
459
  $grid-res-toolbar-search-wrapper-padding-right: 5px !default;
459
460
  $grid-res-toolbar-search-icon-padding-left: 0 !default;
461
+ $grid-toolbar-responsive-right-width: calc(100% - 50px) !default;
460
462
  $grid-bigger-toolbar-search-icon-min-width: 20px !default;
461
463
  $grid-bigger-toolbar-search-wrapper-padding-bottom: 8px !default;
462
464
  $grid-bigger-toolbar-search-wrapper-padding-top: 2px !default;
@@ -1497,7 +1499,7 @@ $grid-checkmark-color: $accent-font !default;
1497
1499
  }
1498
1500
 
1499
1501
  & .e-responsive-right {
1500
- width: calc(100% - 50px);
1502
+ width: $grid-toolbar-responsive-right-width;
1501
1503
  &.e-search-wrapper {
1502
1504
  width: auto;
1503
1505
  }
@@ -3672,7 +3674,7 @@ $grid-checkmark-color: $accent-font !default;
3672
3674
  overflow-x: scroll;
3673
3675
  }
3674
3676
 
3675
- &.e-mac-safari .virtualtable {
3677
+ &.e-mac-safari .e-virtualtable {
3676
3678
  .e-leftfreeze,
3677
3679
  .e-rightfreeze {
3678
3680
  transform: translateZ(0);
@@ -4450,6 +4452,12 @@ $grid-checkmark-color: $accent-font !default;
4450
4452
  padding: 6px;
4451
4453
  }
4452
4454
  }
4455
+
4456
+ .e-rowcell .e-checkbox-wrapper,
4457
+ .e-rowcell .e-css.e-checkbox-wrapper {
4458
+ -webkit-user-select: none; /* stylelint-disable-line property-no-vendor-prefix */
4459
+ user-select: none;
4460
+ }
4453
4461
 
4454
4462
  span.e-ungroupbutton.e-icons {
4455
4463
  margin-left: $grid-group-ungroupicon-margin-left;
package/SCSS-Themes/grids/grid/material-dark.scss CHANGED
@@ -188,6 +188,7 @@ $grid-bigger-columnchooser-header-padding: 24px 24px 38px !default;
188
188
  $grid-bigger-columnchooser-ul-padding: 0 !default;
189
189
  $grid-bigger-columnchooser-li-padding: 11px 0 !default;
190
190
  $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
191
+ $grid-bigger-toolbar-div-margin: 3px !default;
191
192
  $grid-bigger-cc-checkbox-padding-left: 12px !default;
192
193
  $grid-bigger-searchdiv-padding-left: 6px !default;
193
194
  $grid-bigger-sorticon-margin-top: 0 !default;
@@ -457,6 +458,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 5px !default;
457
458
  $grid-res-toolbar-search-wrapper-icon-padding: 6px 9px !default;
458
459
  $grid-res-toolbar-search-wrapper-padding-right: 5px !default;
459
460
  $grid-res-toolbar-search-icon-padding-left: 0 !default;
461
+ $grid-toolbar-responsive-right-width: calc(100% - 50px) !default;
460
462
  $grid-bigger-toolbar-search-icon-min-width: 20px !default;
461
463
  $grid-bigger-toolbar-search-wrapper-padding-bottom: 8px !default;
462
464
  $grid-bigger-toolbar-search-wrapper-padding-top: 2px !default;
@@ -1497,7 +1499,7 @@ $grid-checkmark-color: $accent-font !default;
1497
1499
  }
1498
1500
 
1499
1501
  & .e-responsive-right {
1500
- width: calc(100% - 50px);
1502
+ width: $grid-toolbar-responsive-right-width;
1501
1503
  &.e-search-wrapper {
1502
1504
  width: auto;
1503
1505
  }
@@ -3672,7 +3674,7 @@ $grid-checkmark-color: $accent-font !default;
3672
3674
  overflow-x: scroll;
3673
3675
  }
3674
3676
 
3675
- &.e-mac-safari .virtualtable {
3677
+ &.e-mac-safari .e-virtualtable {
3676
3678
  .e-leftfreeze,
3677
3679
  .e-rightfreeze {
3678
3680
  transform: translateZ(0);
@@ -4450,6 +4452,12 @@ $grid-checkmark-color: $accent-font !default;
4450
4452
  padding: 6px;
4451
4453
  }
4452
4454
  }
4455
+
4456
+ .e-rowcell .e-checkbox-wrapper,
4457
+ .e-rowcell .e-css.e-checkbox-wrapper {
4458
+ -webkit-user-select: none; /* stylelint-disable-line property-no-vendor-prefix */
4459
+ user-select: none;
4460
+ }
4453
4461
 
4454
4462
  span.e-ungroupbutton.e-icons {
4455
4463
  margin-left: $grid-group-ungroupicon-margin-left;
@@ -7847,6 +7855,17 @@ $grid-checkmark-color: $accent-font !default;
7847
7855
  }
7848
7856
  }
7849
7857
 
7858
+ .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)),
7859
+ .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)) {
7860
+ margin-right: $grid-bigger-toolbar-div-margin;
7861
+ }
7862
+
7863
+ .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)),
7864
+ .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)) {
7865
+ margin-left: $grid-bigger-toolbar-div-margin;
7866
+ margin-right: initial;
7867
+ }
7868
+
7850
7869
  .e-row .e-input-group .e-control.e-input {
7851
7870
  @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
7852
7871
  padding-bottom: 0;
package/SCSS-Themes/grids/grid/material-lite.scss CHANGED
@@ -195,6 +195,7 @@ $grid-bigger-columnchooser-header-padding: 24px 24px 38px !default;
195
195
  $grid-bigger-columnchooser-ul-padding: 0 !default;
196
196
  $grid-bigger-columnchooser-li-padding: 11px 0 !default;
197
197
  $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
198
+ $grid-bigger-toolbar-div-margin: 3px !default;
198
199
  $grid-bigger-cc-checkbox-padding-left: 12px !default;
199
200
  $grid-bigger-searchdiv-padding-left: 6px !default;
200
201
  $grid-bigger-sorticon-margin-top: 0 !default;
@@ -479,6 +480,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 5px !default;
479
480
  $grid-res-toolbar-search-wrapper-icon-padding: 6px 9px !default;
480
481
  $grid-res-toolbar-search-wrapper-padding-right: 5px !default;
481
482
  $grid-res-toolbar-search-icon-padding-left: 0 !default;
483
+ $grid-toolbar-responsive-right-width: calc(100% - 50px) !default;
482
484
  $grid-bigger-toolbar-search-icon-min-width: 20px !default;
483
485
  $grid-bigger-toolbar-search-wrapper-padding-bottom: 8px !default;
484
486
  $grid-bigger-toolbar-search-wrapper-padding-top: 2px !default;
@@ -1498,7 +1500,7 @@ $grid-checkmark-color: $accent-font !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: $accent-font !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: $accent-font !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/material.scss CHANGED
@@ -195,6 +195,7 @@ $grid-bigger-columnchooser-header-padding: 24px 24px 38px !default;
195
195
  $grid-bigger-columnchooser-ul-padding: 0 !default;
196
196
  $grid-bigger-columnchooser-li-padding: 11px 0 !default;
197
197
  $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
198
+ $grid-bigger-toolbar-div-margin: 3px !default;
198
199
  $grid-bigger-cc-checkbox-padding-left: 12px !default;
199
200
  $grid-bigger-searchdiv-padding-left: 6px !default;
200
201
  $grid-bigger-sorticon-margin-top: 0 !default;
@@ -479,6 +480,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 5px !default;
479
480
  $grid-res-toolbar-search-wrapper-icon-padding: 6px 9px !default;
480
481
  $grid-res-toolbar-search-wrapper-padding-right: 5px !default;
481
482
  $grid-res-toolbar-search-icon-padding-left: 0 !default;
483
+ $grid-toolbar-responsive-right-width: calc(100% - 50px) !default;
482
484
  $grid-bigger-toolbar-search-icon-min-width: 20px !default;
483
485
  $grid-bigger-toolbar-search-wrapper-padding-bottom: 8px !default;
484
486
  $grid-bigger-toolbar-search-wrapper-padding-top: 2px !default;
@@ -1498,7 +1500,7 @@ $grid-checkmark-color: $accent-font !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: $accent-font !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: $accent-font !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;
@@ -7848,6 +7856,17 @@ $grid-checkmark-color: $accent-font !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/material3-dark-lite.scss CHANGED
@@ -148,6 +148,7 @@ $grid-bigger-columnchooser-header-padding: 24px 24px 38px !default;
148
148
  $grid-bigger-columnchooser-ul-padding: 0 !default;
149
149
  $grid-bigger-columnchooser-li-padding: 8px 0 !default;
150
150
  $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
151
+ $grid-bigger-toolbar-div-margin: 12px !default;
151
152
  $grid-device-headercell-padding: $grid-header-bottom-padding 12px $grid-header-bottom-padding !default;
152
153
  $grid-device-headercell-fistchild-padding: $grid-header-bottom-padding 12px $grid-header-bottom-padding 16px !default;
153
154
  $grid-device-headercell-lastchild-padding: $grid-header-bottom-padding 16px $grid-header-bottom-padding 12px !default;
@@ -253,6 +254,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 5px !default;
253
254
  $grid-res-toolbar-search-wrapper-icon-padding: 10px !default;
254
255
  $grid-res-toolbar-search-wrapper-padding-right: 5px !default;
255
256
  $grid-res-toolbar-search-icon-padding-left: 0 !default;
257
+ $grid-toolbar-responsive-right-width: calc(100% - 50px) !default;
256
258
  $grid-toolbar-search-wrapper-padding-bottom: 3px !default;
257
259
  $grid-toolbar-search-wrapper-padding-top: 3px !default;
258
260
  $grid-bigger-toolbar-search-icon-min-width: 38px !default;
@@ -1501,7 +1503,7 @@ $grid-checkmark-color: rgba($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: rgba($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: rgba($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/material3-dark.scss CHANGED
@@ -148,6 +148,7 @@ $grid-bigger-columnchooser-header-padding: 24px 24px 38px !default;
148
148
  $grid-bigger-columnchooser-ul-padding: 0 !default;
149
149
  $grid-bigger-columnchooser-li-padding: 8px 0 !default;
150
150
  $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
151
+ $grid-bigger-toolbar-div-margin: 12px !default;
151
152
  $grid-device-headercell-padding: $grid-header-bottom-padding 12px $grid-header-bottom-padding !default;
152
153
  $grid-device-headercell-fistchild-padding: $grid-header-bottom-padding 12px $grid-header-bottom-padding 16px !default;
153
154
  $grid-device-headercell-lastchild-padding: $grid-header-bottom-padding 16px $grid-header-bottom-padding 12px !default;
@@ -253,6 +254,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 5px !default;
253
254
  $grid-res-toolbar-search-wrapper-icon-padding: 10px !default;
254
255
  $grid-res-toolbar-search-wrapper-padding-right: 5px !default;
255
256
  $grid-res-toolbar-search-icon-padding-left: 0 !default;
257
+ $grid-toolbar-responsive-right-width: calc(100% - 50px) !default;
256
258
  $grid-toolbar-search-wrapper-padding-bottom: 3px !default;
257
259
  $grid-toolbar-search-wrapper-padding-top: 3px !default;
258
260
  $grid-bigger-toolbar-search-icon-min-width: 38px !default;
@@ -1501,7 +1503,7 @@ $grid-checkmark-color: rgba($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: rgba($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: rgba($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;
@@ -7845,6 +7853,17 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
7845
7853
  }
7846
7854
  }
7847
7855
 
7856
+ .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)),
7857
+ .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)) {
7858
+ margin-right: $grid-bigger-toolbar-div-margin;
7859
+ }
7860
+
7861
+ .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)),
7862
+ .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)) {
7863
+ margin-left: $grid-bigger-toolbar-div-margin;
7864
+ margin-right: initial;
7865
+ }
7866
+
7848
7867
  .e-row .e-input-group .e-control.e-input {
7849
7868
  @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
7850
7869
  padding-bottom: 0;
package/SCSS-Themes/grids/grid/material3-lite.scss CHANGED
@@ -148,6 +148,7 @@ $grid-bigger-columnchooser-header-padding: 24px 24px 38px !default;
148
148
  $grid-bigger-columnchooser-ul-padding: 0 !default;
149
149
  $grid-bigger-columnchooser-li-padding: 8px 0 !default;
150
150
  $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
151
+ $grid-bigger-toolbar-div-margin: 12px !default;
151
152
  $grid-device-headercell-padding: $grid-header-bottom-padding 12px $grid-header-bottom-padding !default;
152
153
  $grid-device-headercell-fistchild-padding: $grid-header-bottom-padding 12px $grid-header-bottom-padding 16px !default;
153
154
  $grid-device-headercell-lastchild-padding: $grid-header-bottom-padding 16px $grid-header-bottom-padding 12px !default;
@@ -253,6 +254,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 5px !default;
253
254
  $grid-res-toolbar-search-wrapper-icon-padding: 10px !default;
254
255
  $grid-res-toolbar-search-wrapper-padding-right: 5px !default;
255
256
  $grid-res-toolbar-search-icon-padding-left: 0 !default;
257
+ $grid-toolbar-responsive-right-width: calc(100% - 50px) !default;
256
258
  $grid-toolbar-search-wrapper-padding-bottom: 3px !default;
257
259
  $grid-toolbar-search-wrapper-padding-top: 3px !default;
258
260
  $grid-bigger-toolbar-search-icon-min-width: 38px !default;
@@ -1501,7 +1503,7 @@ $grid-checkmark-color: rgba($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: rgba($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: rgba($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;