@syncfusion/blazor-themes 31.2.10 → 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 (151) hide show
  1. package/Compiled-Themes/bds-dark-lite.css +6 -0
  2. package/Compiled-Themes/bds-dark.css +15 -0
  3. package/Compiled-Themes/bds-lite.css +6 -0
  4. package/Compiled-Themes/bds.css +15 -0
  5. package/Compiled-Themes/bootstrap-dark-lite.css +6 -0
  6. package/Compiled-Themes/bootstrap-dark.css +15 -0
  7. package/Compiled-Themes/bootstrap-lite.css +6 -0
  8. package/Compiled-Themes/bootstrap.css +15 -0
  9. package/Compiled-Themes/bootstrap4-lite.css +6 -0
  10. package/Compiled-Themes/bootstrap4.css +15 -0
  11. package/Compiled-Themes/bootstrap5-dark-lite.css +6 -0
  12. package/Compiled-Themes/bootstrap5-dark.css +15 -0
  13. package/Compiled-Themes/bootstrap5-lite.css +6 -0
  14. package/Compiled-Themes/bootstrap5.3-dark-lite.css +6 -0
  15. package/Compiled-Themes/bootstrap5.3-dark.css +15 -0
  16. package/Compiled-Themes/bootstrap5.3-lite.css +6 -0
  17. package/Compiled-Themes/bootstrap5.3.css +15 -0
  18. package/Compiled-Themes/bootstrap5.css +15 -0
  19. package/Compiled-Themes/fabric-dark-lite.css +6 -0
  20. package/Compiled-Themes/fabric-dark.css +15 -0
  21. package/Compiled-Themes/fabric-lite.css +6 -0
  22. package/Compiled-Themes/fabric.css +15 -0
  23. package/Compiled-Themes/fluent-dark-lite.css +6 -0
  24. package/Compiled-Themes/fluent-dark.css +15 -0
  25. package/Compiled-Themes/fluent-lite.css +6 -0
  26. package/Compiled-Themes/fluent.css +15 -0
  27. package/Compiled-Themes/fluent2-dark-lite.css +6 -0
  28. package/Compiled-Themes/fluent2-dark.css +15 -0
  29. package/Compiled-Themes/fluent2-highcontrast-lite.css +6 -0
  30. package/Compiled-Themes/fluent2-highcontrast.css +15 -0
  31. package/Compiled-Themes/fluent2-lite.css +6 -0
  32. package/Compiled-Themes/fluent2.css +15 -0
  33. package/Compiled-Themes/highcontrast-lite.css +6 -0
  34. package/Compiled-Themes/highcontrast.css +15 -0
  35. package/Compiled-Themes/material-dark-lite.css +6 -0
  36. package/Compiled-Themes/material-dark.css +15 -0
  37. package/Compiled-Themes/material-lite.css +6 -0
  38. package/Compiled-Themes/material.css +15 -0
  39. package/Compiled-Themes/material3-dark-lite.css +6 -0
  40. package/Compiled-Themes/material3-dark.css +15 -0
  41. package/Compiled-Themes/material3-lite.css +6 -0
  42. package/Compiled-Themes/material3.css +15 -0
  43. package/Compiled-Themes/tailwind-dark-lite.css +6 -0
  44. package/Compiled-Themes/tailwind-dark.css +15 -0
  45. package/Compiled-Themes/tailwind-lite.css +6 -0
  46. package/Compiled-Themes/tailwind.css +15 -0
  47. package/Compiled-Themes/tailwind3-dark-lite.css +6 -0
  48. package/Compiled-Themes/tailwind3-dark.css +15 -0
  49. package/Compiled-Themes/tailwind3-lite.css +6 -0
  50. package/Compiled-Themes/tailwind3.css +15 -0
  51. package/SCSS-Themes/bds-dark-lite.scss +7 -0
  52. package/SCSS-Themes/bds-dark.scss +18 -0
  53. package/SCSS-Themes/bds-lite.scss +7 -0
  54. package/SCSS-Themes/bds.scss +18 -0
  55. package/SCSS-Themes/bootstrap-dark-lite.scss +7 -0
  56. package/SCSS-Themes/bootstrap-dark.scss +18 -0
  57. package/SCSS-Themes/bootstrap-lite.scss +7 -0
  58. package/SCSS-Themes/bootstrap.scss +18 -0
  59. package/SCSS-Themes/bootstrap4-lite.scss +7 -0
  60. package/SCSS-Themes/bootstrap4.scss +18 -0
  61. package/SCSS-Themes/bootstrap5-dark-lite.scss +7 -0
  62. package/SCSS-Themes/bootstrap5-dark.scss +18 -0
  63. package/SCSS-Themes/bootstrap5-lite.scss +7 -0
  64. package/SCSS-Themes/bootstrap5.3-dark-lite.scss +7 -0
  65. package/SCSS-Themes/bootstrap5.3-dark.scss +18 -0
  66. package/SCSS-Themes/bootstrap5.3-lite.scss +7 -0
  67. package/SCSS-Themes/bootstrap5.3.scss +18 -0
  68. package/SCSS-Themes/bootstrap5.scss +18 -0
  69. package/SCSS-Themes/fabric-dark-lite.scss +7 -0
  70. package/SCSS-Themes/fabric-dark.scss +18 -0
  71. package/SCSS-Themes/fabric-lite.scss +7 -0
  72. package/SCSS-Themes/fabric.scss +18 -0
  73. package/SCSS-Themes/fluent-dark-lite.scss +7 -0
  74. package/SCSS-Themes/fluent-dark.scss +18 -0
  75. package/SCSS-Themes/fluent-lite.scss +7 -0
  76. package/SCSS-Themes/fluent.scss +18 -0
  77. package/SCSS-Themes/fluent2-dark-lite.scss +7 -0
  78. package/SCSS-Themes/fluent2-dark.scss +18 -0
  79. package/SCSS-Themes/fluent2-highcontrast-lite.scss +7 -0
  80. package/SCSS-Themes/fluent2-highcontrast.scss +18 -0
  81. package/SCSS-Themes/fluent2-lite.scss +7 -0
  82. package/SCSS-Themes/fluent2.scss +18 -0
  83. package/SCSS-Themes/grids/grid/bds-dark-lite.scss +7 -0
  84. package/SCSS-Themes/grids/grid/bds-dark.scss +18 -0
  85. package/SCSS-Themes/grids/grid/bds-lite.scss +7 -0
  86. package/SCSS-Themes/grids/grid/bds.scss +18 -0
  87. package/SCSS-Themes/grids/grid/bootstrap-dark-lite.scss +7 -0
  88. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +18 -0
  89. package/SCSS-Themes/grids/grid/bootstrap-lite.scss +7 -0
  90. package/SCSS-Themes/grids/grid/bootstrap.scss +18 -0
  91. package/SCSS-Themes/grids/grid/bootstrap4-lite.scss +7 -0
  92. package/SCSS-Themes/grids/grid/bootstrap4.scss +18 -0
  93. package/SCSS-Themes/grids/grid/bootstrap5-dark-lite.scss +7 -0
  94. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +18 -0
  95. package/SCSS-Themes/grids/grid/bootstrap5-lite.scss +7 -0
  96. package/SCSS-Themes/grids/grid/bootstrap5.3-dark-lite.scss +7 -0
  97. package/SCSS-Themes/grids/grid/bootstrap5.3-dark.scss +18 -0
  98. package/SCSS-Themes/grids/grid/bootstrap5.3-lite.scss +7 -0
  99. package/SCSS-Themes/grids/grid/bootstrap5.3.scss +18 -0
  100. package/SCSS-Themes/grids/grid/bootstrap5.scss +18 -0
  101. package/SCSS-Themes/grids/grid/fabric-dark-lite.scss +7 -0
  102. package/SCSS-Themes/grids/grid/fabric-dark.scss +18 -0
  103. package/SCSS-Themes/grids/grid/fabric-lite.scss +7 -0
  104. package/SCSS-Themes/grids/grid/fabric.scss +18 -0
  105. package/SCSS-Themes/grids/grid/fluent-dark-lite.scss +7 -0
  106. package/SCSS-Themes/grids/grid/fluent-dark.scss +18 -0
  107. package/SCSS-Themes/grids/grid/fluent-lite.scss +7 -0
  108. package/SCSS-Themes/grids/grid/fluent.scss +18 -0
  109. package/SCSS-Themes/grids/grid/fluent2-dark-lite.scss +7 -0
  110. package/SCSS-Themes/grids/grid/fluent2-dark.scss +18 -0
  111. package/SCSS-Themes/grids/grid/fluent2-highcontrast-lite.scss +7 -0
  112. package/SCSS-Themes/grids/grid/fluent2-highcontrast.scss +18 -0
  113. package/SCSS-Themes/grids/grid/fluent2-lite.scss +7 -0
  114. package/SCSS-Themes/grids/grid/fluent2.scss +18 -0
  115. package/SCSS-Themes/grids/grid/highcontrast-lite.scss +7 -0
  116. package/SCSS-Themes/grids/grid/highcontrast.scss +18 -0
  117. package/SCSS-Themes/grids/grid/material-dark-lite.scss +7 -0
  118. package/SCSS-Themes/grids/grid/material-dark.scss +18 -0
  119. package/SCSS-Themes/grids/grid/material-lite.scss +7 -0
  120. package/SCSS-Themes/grids/grid/material.scss +18 -0
  121. package/SCSS-Themes/grids/grid/material3-dark-lite.scss +7 -0
  122. package/SCSS-Themes/grids/grid/material3-dark.scss +18 -0
  123. package/SCSS-Themes/grids/grid/material3-lite.scss +7 -0
  124. package/SCSS-Themes/grids/grid/material3.scss +18 -0
  125. package/SCSS-Themes/grids/grid/tailwind-dark-lite.scss +7 -0
  126. package/SCSS-Themes/grids/grid/tailwind-dark.scss +18 -0
  127. package/SCSS-Themes/grids/grid/tailwind-lite.scss +7 -0
  128. package/SCSS-Themes/grids/grid/tailwind.scss +18 -0
  129. package/SCSS-Themes/grids/grid/tailwind3-dark-lite.scss +7 -0
  130. package/SCSS-Themes/grids/grid/tailwind3-dark.scss +18 -0
  131. package/SCSS-Themes/grids/grid/tailwind3-lite.scss +7 -0
  132. package/SCSS-Themes/grids/grid/tailwind3.scss +18 -0
  133. package/SCSS-Themes/highcontrast-lite.scss +7 -0
  134. package/SCSS-Themes/highcontrast.scss +18 -0
  135. package/SCSS-Themes/material-dark-lite.scss +7 -0
  136. package/SCSS-Themes/material-dark.scss +18 -0
  137. package/SCSS-Themes/material-lite.scss +7 -0
  138. package/SCSS-Themes/material.scss +18 -0
  139. package/SCSS-Themes/material3-dark-lite.scss +7 -0
  140. package/SCSS-Themes/material3-dark.scss +18 -0
  141. package/SCSS-Themes/material3-lite.scss +7 -0
  142. package/SCSS-Themes/material3.scss +18 -0
  143. package/SCSS-Themes/tailwind-dark-lite.scss +7 -0
  144. package/SCSS-Themes/tailwind-dark.scss +18 -0
  145. package/SCSS-Themes/tailwind-lite.scss +7 -0
  146. package/SCSS-Themes/tailwind.scss +18 -0
  147. package/SCSS-Themes/tailwind3-dark-lite.scss +7 -0
  148. package/SCSS-Themes/tailwind3-dark.scss +18 -0
  149. package/SCSS-Themes/tailwind3-lite.scss +7 -0
  150. package/SCSS-Themes/tailwind3.scss +18 -0
  151. 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;
@@ -4455,6 +4456,12 @@ $grid-checkmark-color: $primary-text-color !default;
4455
4456
  padding: 6px;
4456
4457
  }
4457
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
+ }
4458
4465
 
4459
4466
  span.e-ungroupbutton.e-icons {
4460
4467
  margin-left: $grid-group-ungroupicon-margin-left;
@@ -7842,6 +7849,17 @@ $grid-checkmark-color: $primary-text-color !default;
7842
7849
  }
7843
7850
  }
7844
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
+
7845
7863
  .e-row .e-input-group .e-control.e-input {
7846
7864
  @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
7847
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;
@@ -4454,6 +4455,12 @@ $grid-checkmark-color: $theme-dark-font !default;
4454
4455
  padding: 6px;
4455
4456
  }
4456
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
+ }
4457
4464
 
4458
4465
  span.e-ungroupbutton.e-icons {
4459
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;
@@ -4454,6 +4455,12 @@ $grid-checkmark-color: $theme-dark-font !default;
4454
4455
  padding: 6px;
4455
4456
  }
4456
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
+ }
4457
4464
 
4458
4465
  span.e-ungroupbutton.e-icons {
4459
4466
  margin-left: $grid-group-ungroupicon-margin-left;
@@ -7847,6 +7854,17 @@ $grid-checkmark-color: $theme-dark-font !default;
7847
7854
  }
7848
7855
  }
7849
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
+
7850
7868
  .e-row .e-input-group .e-control.e-input {
7851
7869
  @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
7852
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;
@@ -4455,6 +4456,12 @@ $grid-checkmark-color: $theme-primary-font !default;
4455
4456
  padding: 6px;
4456
4457
  }
4457
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
+ }
4458
4465
 
4459
4466
  span.e-ungroupbutton.e-icons {
4460
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;
@@ -4455,6 +4456,12 @@ $grid-checkmark-color: $theme-primary-font !default;
4455
4456
  padding: 6px;
4456
4457
  }
4457
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
+ }
4458
4465
 
4459
4466
  span.e-ungroupbutton.e-icons {
4460
4467
  margin-left: $grid-group-ungroupicon-margin-left;
@@ -7850,6 +7857,17 @@ $grid-checkmark-color: $theme-primary-font !default;
7850
7857
  }
7851
7858
  }
7852
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
+
7853
7871
  .e-row .e-input-group .e-control.e-input {
7854
7872
  @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
7855
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;
@@ -4456,6 +4457,12 @@ $grid-checkmark-color: $primary-text-color !default;
4456
4457
  padding: 6px;
4457
4458
  }
4458
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
+ }
4459
4466
 
4460
4467
  span.e-ungroupbutton.e-icons {
4461
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;
@@ -4456,6 +4457,12 @@ $grid-checkmark-color: $primary-text-color !default;
4456
4457
  padding: 6px;
4457
4458
  }
4458
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
+ }
4459
4466
 
4460
4467
  span.e-ungroupbutton.e-icons {
4461
4468
  margin-left: $grid-group-ungroupicon-margin-left;
@@ -7849,6 +7856,17 @@ $grid-checkmark-color: $primary-text-color !default;
7849
7856
  }
7850
7857
  }
7851
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
+
7852
7870
  .e-row .e-input-group .e-control.e-input {
7853
7871
  @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
7854
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;
@@ -4456,6 +4457,12 @@ $grid-checkmark-color: $primary-text-color !default;
4456
4457
  padding: 6px;
4457
4458
  }
4458
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
+ }
4459
4466
 
4460
4467
  span.e-ungroupbutton.e-icons {
4461
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;
@@ -4456,6 +4457,12 @@ $grid-checkmark-color: $primary-text-color !default;
4456
4457
  padding: 6px;
4457
4458
  }
4458
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
+ }
4459
4466
 
4460
4467
  span.e-ungroupbutton.e-icons {
4461
4468
  margin-left: $grid-group-ungroupicon-margin-left;
@@ -7849,6 +7856,17 @@ $grid-checkmark-color: $primary-text-color !default;
7849
7856
  }
7850
7857
  }
7851
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
+
7852
7870
  .e-row .e-input-group .e-control.e-input {
7853
7871
  @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
7854
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;
@@ -4466,6 +4467,12 @@ $grid-checkmark-color: $primary-text-color !default;
4466
4467
  padding: 6px;
4467
4468
  }
4468
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
+ }
4469
4476
 
4470
4477
  span.e-ungroupbutton.e-icons {
4471
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;
@@ -4466,6 +4467,12 @@ $grid-checkmark-color: $primary-text-color !default;
4466
4467
  padding: 6px;
4467
4468
  }
4468
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
+ }
4469
4476
 
4470
4477
  span.e-ungroupbutton.e-icons {
4471
4478
  margin-left: $grid-group-ungroupicon-margin-left;
@@ -7859,6 +7866,17 @@ $grid-checkmark-color: $primary-text-color !default;
7859
7866
  }
7860
7867
  }
7861
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
+
7862
7880
  .e-row .e-input-group .e-control.e-input {
7863
7881
  @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
7864
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;
@@ -4466,6 +4467,12 @@ $grid-checkmark-color: $primary-text-color !default;
4466
4467
  padding: 6px;
4467
4468
  }
4468
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
+ }
4469
4476
 
4470
4477
  span.e-ungroupbutton.e-icons {
4471
4478
  margin-left: $grid-group-ungroupicon-margin-left;
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;
@@ -4466,6 +4467,12 @@ $grid-checkmark-color: $primary-text-color !default;
4466
4467
  padding: 6px;
4467
4468
  }
4468
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
+ }
4469
4476
 
4470
4477
  span.e-ungroupbutton.e-icons {
4471
4478
  margin-left: $grid-group-ungroupicon-margin-left;
@@ -7859,6 +7866,17 @@ $grid-checkmark-color: $primary-text-color !default;
7859
7866
  }
7860
7867
  }
7861
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
+
7862
7880
  .e-row .e-input-group .e-control.e-input {
7863
7881
  @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
7864
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;
@@ -4466,6 +4467,12 @@ $grid-checkmark-color: $primary-text-color !default;
4466
4467
  padding: 6px;
4467
4468
  }
4468
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
+ }
4469
4476
 
4470
4477
  span.e-ungroupbutton.e-icons {
4471
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;
@@ -4466,6 +4467,12 @@ $grid-checkmark-color: $primary-text-color !default;
4466
4467
  padding: 6px;
4467
4468
  }
4468
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
+ }
4469
4476
 
4470
4477
  span.e-ungroupbutton.e-icons {
4471
4478
  margin-left: $grid-group-ungroupicon-margin-left;
@@ -7859,6 +7866,17 @@ $grid-checkmark-color: $primary-text-color !default;
7859
7866
  }
7860
7867
  }
7861
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
+
7862
7880
  .e-row .e-input-group .e-control.e-input {
7863
7881
  @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
7864
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;
@@ -4453,6 +4454,12 @@ $grid-checkmark-color: $selection-font !default;
4453
4454
  padding: 6px;
4454
4455
  }
4455
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
+ }
4456
4463
 
4457
4464
  span.e-ungroupbutton.e-icons {
4458
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;
@@ -4453,6 +4454,12 @@ $grid-checkmark-color: $selection-font !default;
4453
4454
  padding: 6px;
4454
4455
  }
4455
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
+ }
4456
4463
 
4457
4464
  span.e-ungroupbutton.e-icons {
4458
4465
  margin-left: $grid-group-ungroupicon-margin-left;
@@ -7845,6 +7852,17 @@ $grid-checkmark-color: $selection-font !default;
7845
7852
  }
7846
7853
  }
7847
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
+
7848
7866
  .e-row .e-input-group .e-control.e-input {
7849
7867
  @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
7850
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;
@@ -4451,6 +4452,12 @@ $grid-checkmark-color: $accent-font !default;
4451
4452
  padding: 6px;
4452
4453
  }
4453
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
+ }
4454
4461
 
4455
4462
  span.e-ungroupbutton.e-icons {
4456
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;
@@ -4451,6 +4452,12 @@ $grid-checkmark-color: $accent-font !default;
4451
4452
  padding: 6px;
4452
4453
  }
4453
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
+ }
4454
4461
 
4455
4462
  span.e-ungroupbutton.e-icons {
4456
4463
  margin-left: $grid-group-ungroupicon-margin-left;
@@ -7848,6 +7855,17 @@ $grid-checkmark-color: $accent-font !default;
7848
7855
  }
7849
7856
  }
7850
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
+
7851
7869
  .e-row .e-input-group .e-control.e-input {
7852
7870
  @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
7853
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;
@@ -4452,6 +4453,12 @@ $grid-checkmark-color: $accent-font !default;
4452
4453
  padding: 6px;
4453
4454
  }
4454
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
+ }
4455
4462
 
4456
4463
  span.e-ungroupbutton.e-icons {
4457
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;
@@ -4452,6 +4453,12 @@ $grid-checkmark-color: $accent-font !default;
4452
4453
  padding: 6px;
4453
4454
  }
4454
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
+ }
4455
4462
 
4456
4463
  span.e-ungroupbutton.e-icons {
4457
4464
  margin-left: $grid-group-ungroupicon-margin-left;
@@ -7849,6 +7856,17 @@ $grid-checkmark-color: $accent-font !default;
7849
7856
  }
7850
7857
  }
7851
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
+
7852
7870
  .e-row .e-input-group .e-control.e-input {
7853
7871
  @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
7854
7872
  padding-bottom: 0;