@syncfusion/blazor-themes 31.2.10 → 31.2.15

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 +9 -0
  52. package/SCSS-Themes/bds-dark.scss +20 -0
  53. package/SCSS-Themes/bds-lite.scss +9 -0
  54. package/SCSS-Themes/bds.scss +20 -0
  55. package/SCSS-Themes/bootstrap-dark-lite.scss +9 -0
  56. package/SCSS-Themes/bootstrap-dark.scss +20 -0
  57. package/SCSS-Themes/bootstrap-lite.scss +9 -0
  58. package/SCSS-Themes/bootstrap.scss +20 -0
  59. package/SCSS-Themes/bootstrap4-lite.scss +9 -0
  60. package/SCSS-Themes/bootstrap4.scss +20 -0
  61. package/SCSS-Themes/bootstrap5-dark-lite.scss +9 -0
  62. package/SCSS-Themes/bootstrap5-dark.scss +20 -0
  63. package/SCSS-Themes/bootstrap5-lite.scss +9 -0
  64. package/SCSS-Themes/bootstrap5.3-dark-lite.scss +9 -0
  65. package/SCSS-Themes/bootstrap5.3-dark.scss +20 -0
  66. package/SCSS-Themes/bootstrap5.3-lite.scss +9 -0
  67. package/SCSS-Themes/bootstrap5.3.scss +20 -0
  68. package/SCSS-Themes/bootstrap5.scss +20 -0
  69. package/SCSS-Themes/fabric-dark-lite.scss +9 -0
  70. package/SCSS-Themes/fabric-dark.scss +20 -0
  71. package/SCSS-Themes/fabric-lite.scss +9 -0
  72. package/SCSS-Themes/fabric.scss +20 -0
  73. package/SCSS-Themes/fluent-dark-lite.scss +9 -0
  74. package/SCSS-Themes/fluent-dark.scss +20 -0
  75. package/SCSS-Themes/fluent-lite.scss +9 -0
  76. package/SCSS-Themes/fluent.scss +20 -0
  77. package/SCSS-Themes/fluent2-dark-lite.scss +9 -0
  78. package/SCSS-Themes/fluent2-dark.scss +20 -0
  79. package/SCSS-Themes/fluent2-highcontrast-lite.scss +9 -0
  80. package/SCSS-Themes/fluent2-highcontrast.scss +20 -0
  81. package/SCSS-Themes/fluent2-lite.scss +9 -0
  82. package/SCSS-Themes/fluent2.scss +20 -0
  83. package/SCSS-Themes/grids/grid/bds-dark-lite.scss +9 -0
  84. package/SCSS-Themes/grids/grid/bds-dark.scss +20 -0
  85. package/SCSS-Themes/grids/grid/bds-lite.scss +9 -0
  86. package/SCSS-Themes/grids/grid/bds.scss +20 -0
  87. package/SCSS-Themes/grids/grid/bootstrap-dark-lite.scss +9 -0
  88. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +20 -0
  89. package/SCSS-Themes/grids/grid/bootstrap-lite.scss +9 -0
  90. package/SCSS-Themes/grids/grid/bootstrap.scss +20 -0
  91. package/SCSS-Themes/grids/grid/bootstrap4-lite.scss +9 -0
  92. package/SCSS-Themes/grids/grid/bootstrap4.scss +20 -0
  93. package/SCSS-Themes/grids/grid/bootstrap5-dark-lite.scss +9 -0
  94. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +20 -0
  95. package/SCSS-Themes/grids/grid/bootstrap5-lite.scss +9 -0
  96. package/SCSS-Themes/grids/grid/bootstrap5.3-dark-lite.scss +9 -0
  97. package/SCSS-Themes/grids/grid/bootstrap5.3-dark.scss +20 -0
  98. package/SCSS-Themes/grids/grid/bootstrap5.3-lite.scss +9 -0
  99. package/SCSS-Themes/grids/grid/bootstrap5.3.scss +20 -0
  100. package/SCSS-Themes/grids/grid/bootstrap5.scss +20 -0
  101. package/SCSS-Themes/grids/grid/fabric-dark-lite.scss +9 -0
  102. package/SCSS-Themes/grids/grid/fabric-dark.scss +20 -0
  103. package/SCSS-Themes/grids/grid/fabric-lite.scss +9 -0
  104. package/SCSS-Themes/grids/grid/fabric.scss +20 -0
  105. package/SCSS-Themes/grids/grid/fluent-dark-lite.scss +9 -0
  106. package/SCSS-Themes/grids/grid/fluent-dark.scss +20 -0
  107. package/SCSS-Themes/grids/grid/fluent-lite.scss +9 -0
  108. package/SCSS-Themes/grids/grid/fluent.scss +20 -0
  109. package/SCSS-Themes/grids/grid/fluent2-dark-lite.scss +9 -0
  110. package/SCSS-Themes/grids/grid/fluent2-dark.scss +20 -0
  111. package/SCSS-Themes/grids/grid/fluent2-highcontrast-lite.scss +9 -0
  112. package/SCSS-Themes/grids/grid/fluent2-highcontrast.scss +20 -0
  113. package/SCSS-Themes/grids/grid/fluent2-lite.scss +9 -0
  114. package/SCSS-Themes/grids/grid/fluent2.scss +20 -0
  115. package/SCSS-Themes/grids/grid/highcontrast-lite.scss +9 -0
  116. package/SCSS-Themes/grids/grid/highcontrast.scss +20 -0
  117. package/SCSS-Themes/grids/grid/material-dark-lite.scss +9 -0
  118. package/SCSS-Themes/grids/grid/material-dark.scss +20 -0
  119. package/SCSS-Themes/grids/grid/material-lite.scss +9 -0
  120. package/SCSS-Themes/grids/grid/material.scss +20 -0
  121. package/SCSS-Themes/grids/grid/material3-dark-lite.scss +9 -0
  122. package/SCSS-Themes/grids/grid/material3-dark.scss +20 -0
  123. package/SCSS-Themes/grids/grid/material3-lite.scss +9 -0
  124. package/SCSS-Themes/grids/grid/material3.scss +20 -0
  125. package/SCSS-Themes/grids/grid/tailwind-dark-lite.scss +9 -0
  126. package/SCSS-Themes/grids/grid/tailwind-dark.scss +20 -0
  127. package/SCSS-Themes/grids/grid/tailwind-lite.scss +9 -0
  128. package/SCSS-Themes/grids/grid/tailwind.scss +20 -0
  129. package/SCSS-Themes/grids/grid/tailwind3-dark-lite.scss +9 -0
  130. package/SCSS-Themes/grids/grid/tailwind3-dark.scss +20 -0
  131. package/SCSS-Themes/grids/grid/tailwind3-lite.scss +9 -0
  132. package/SCSS-Themes/grids/grid/tailwind3.scss +20 -0
  133. package/SCSS-Themes/highcontrast-lite.scss +9 -0
  134. package/SCSS-Themes/highcontrast.scss +20 -0
  135. package/SCSS-Themes/material-dark-lite.scss +9 -0
  136. package/SCSS-Themes/material-dark.scss +20 -0
  137. package/SCSS-Themes/material-lite.scss +9 -0
  138. package/SCSS-Themes/material.scss +20 -0
  139. package/SCSS-Themes/material3-dark-lite.scss +9 -0
  140. package/SCSS-Themes/material3-dark.scss +20 -0
  141. package/SCSS-Themes/material3-lite.scss +9 -0
  142. package/SCSS-Themes/material3.scss +20 -0
  143. package/SCSS-Themes/tailwind-dark-lite.scss +9 -0
  144. package/SCSS-Themes/tailwind-dark.scss +20 -0
  145. package/SCSS-Themes/tailwind-lite.scss +9 -0
  146. package/SCSS-Themes/tailwind.scss +20 -0
  147. package/SCSS-Themes/tailwind3-dark-lite.scss +9 -0
  148. package/SCSS-Themes/tailwind3-dark.scss +20 -0
  149. package/SCSS-Themes/tailwind3-lite.scss +9 -0
  150. package/SCSS-Themes/tailwind3.scss +20 -0
  151. package/package.json +1 -1
package/SCSS-Themes/grids/grid/bootstrap5.3-dark-lite.scss CHANGED
@@ -150,6 +150,7 @@ $grid-bigger-columnchooser-header-padding: 24px 24px 38px !default;
150
150
  $grid-bigger-columnchooser-ul-padding: 0 !default;
151
151
  $grid-bigger-columnchooser-li-padding: 8px 0 !default;
152
152
  $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
153
+ $grid-bigger-toolbar-div-margin: 12px !default;
153
154
  $grid-device-headercell-padding: 0 12px $grid-header-bottom-padding !default;
154
155
  $grid-device-headercell-fistchild-padding: 0 12px $grid-header-bottom-padding 16px !default;
155
156
  $grid-device-headercell-lastchild-padding: 0 16px $grid-header-bottom-padding 12px !default;
@@ -4455,6 +4456,14 @@ $grid-checkmark-color: $primary-text-color !default;
4455
4456
  padding: 6px;
4456
4457
  }
4457
4458
  }
4459
+
4460
+ .e-content[aria-grabbed = 'true'] {
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
+ }
4466
+ }
4458
4467
 
4459
4468
  span.e-ungroupbutton.e-icons {
4460
4469
  margin-left: $grid-group-ungroupicon-margin-left;
package/SCSS-Themes/grids/grid/bootstrap5.3-dark.scss CHANGED
@@ -150,6 +150,7 @@ $grid-bigger-columnchooser-header-padding: 24px 24px 38px !default;
150
150
  $grid-bigger-columnchooser-ul-padding: 0 !default;
151
151
  $grid-bigger-columnchooser-li-padding: 8px 0 !default;
152
152
  $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
153
+ $grid-bigger-toolbar-div-margin: 12px !default;
153
154
  $grid-device-headercell-padding: 0 12px $grid-header-bottom-padding !default;
154
155
  $grid-device-headercell-fistchild-padding: 0 12px $grid-header-bottom-padding 16px !default;
155
156
  $grid-device-headercell-lastchild-padding: 0 16px $grid-header-bottom-padding 12px !default;
@@ -4455,6 +4456,14 @@ $grid-checkmark-color: $primary-text-color !default;
4455
4456
  padding: 6px;
4456
4457
  }
4457
4458
  }
4459
+
4460
+ .e-content[aria-grabbed = 'true'] {
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
+ }
4466
+ }
4458
4467
 
4459
4468
  span.e-ungroupbutton.e-icons {
4460
4469
  margin-left: $grid-group-ungroupicon-margin-left;
@@ -7842,6 +7851,17 @@ $grid-checkmark-color: $primary-text-color !default;
7842
7851
  }
7843
7852
  }
7844
7853
 
7854
+ .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)),
7855
+ .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)) {
7856
+ margin-right: $grid-bigger-toolbar-div-margin;
7857
+ }
7858
+
7859
+ .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)),
7860
+ .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)) {
7861
+ margin-left: $grid-bigger-toolbar-div-margin;
7862
+ margin-right: initial;
7863
+ }
7864
+
7845
7865
  .e-row .e-input-group .e-control.e-input {
7846
7866
  @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
7847
7867
  padding-bottom: 0;
package/SCSS-Themes/grids/grid/bootstrap5.3-lite.scss CHANGED
@@ -150,6 +150,7 @@ $grid-bigger-columnchooser-header-padding: 24px 24px 38px !default;
150
150
  $grid-bigger-columnchooser-ul-padding: 0 !default;
151
151
  $grid-bigger-columnchooser-li-padding: 8px 0 !default;
152
152
  $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
153
+ $grid-bigger-toolbar-div-margin: 12px !default;
153
154
  $grid-device-headercell-padding: 0 12px $grid-header-bottom-padding !default;
154
155
  $grid-device-headercell-fistchild-padding: 0 12px $grid-header-bottom-padding 16px !default;
155
156
  $grid-device-headercell-lastchild-padding: 0 16px $grid-header-bottom-padding 12px !default;
@@ -4455,6 +4456,14 @@ $grid-checkmark-color: $primary-text-color !default;
4455
4456
  padding: 6px;
4456
4457
  }
4457
4458
  }
4459
+
4460
+ .e-content[aria-grabbed = 'true'] {
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
+ }
4466
+ }
4458
4467
 
4459
4468
  span.e-ungroupbutton.e-icons {
4460
4469
  margin-left: $grid-group-ungroupicon-margin-left;
package/SCSS-Themes/grids/grid/bootstrap5.3.scss CHANGED
@@ -150,6 +150,7 @@ $grid-bigger-columnchooser-header-padding: 24px 24px 38px !default;
150
150
  $grid-bigger-columnchooser-ul-padding: 0 !default;
151
151
  $grid-bigger-columnchooser-li-padding: 8px 0 !default;
152
152
  $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
153
+ $grid-bigger-toolbar-div-margin: 12px !default;
153
154
  $grid-device-headercell-padding: 0 12px $grid-header-bottom-padding !default;
154
155
  $grid-device-headercell-fistchild-padding: 0 12px $grid-header-bottom-padding 16px !default;
155
156
  $grid-device-headercell-lastchild-padding: 0 16px $grid-header-bottom-padding 12px !default;
@@ -4455,6 +4456,14 @@ $grid-checkmark-color: $primary-text-color !default;
4455
4456
  padding: 6px;
4456
4457
  }
4457
4458
  }
4459
+
4460
+ .e-content[aria-grabbed = 'true'] {
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
+ }
4466
+ }
4458
4467
 
4459
4468
  span.e-ungroupbutton.e-icons {
4460
4469
  margin-left: $grid-group-ungroupicon-margin-left;
@@ -7842,6 +7851,17 @@ $grid-checkmark-color: $primary-text-color !default;
7842
7851
  }
7843
7852
  }
7844
7853
 
7854
+ .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)),
7855
+ .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)) {
7856
+ margin-right: $grid-bigger-toolbar-div-margin;
7857
+ }
7858
+
7859
+ .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)),
7860
+ .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)) {
7861
+ margin-left: $grid-bigger-toolbar-div-margin;
7862
+ margin-right: initial;
7863
+ }
7864
+
7845
7865
  .e-row .e-input-group .e-control.e-input {
7846
7866
  @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
7847
7867
  padding-bottom: 0;
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,14 @@ $grid-checkmark-color: $primary-text-color !default;
4455
4456
  padding: 6px;
4456
4457
  }
4457
4458
  }
4459
+
4460
+ .e-content[aria-grabbed = 'true'] {
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
+ }
4466
+ }
4458
4467
 
4459
4468
  span.e-ungroupbutton.e-icons {
4460
4469
  margin-left: $grid-group-ungroupicon-margin-left;
@@ -7842,6 +7851,17 @@ $grid-checkmark-color: $primary-text-color !default;
7842
7851
  }
7843
7852
  }
7844
7853
 
7854
+ .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)),
7855
+ .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)) {
7856
+ margin-right: $grid-bigger-toolbar-div-margin;
7857
+ }
7858
+
7859
+ .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)),
7860
+ .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)) {
7861
+ margin-left: $grid-bigger-toolbar-div-margin;
7862
+ margin-right: initial;
7863
+ }
7864
+
7845
7865
  .e-row .e-input-group .e-control.e-input {
7846
7866
  @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
7847
7867
  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,14 @@ $grid-checkmark-color: $theme-dark-font !default;
4454
4455
  padding: 6px;
4455
4456
  }
4456
4457
  }
4458
+
4459
+ .e-content[aria-grabbed = 'true'] {
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
+ }
4465
+ }
4457
4466
 
4458
4467
  span.e-ungroupbutton.e-icons {
4459
4468
  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,14 @@ $grid-checkmark-color: $theme-dark-font !default;
4454
4455
  padding: 6px;
4455
4456
  }
4456
4457
  }
4458
+
4459
+ .e-content[aria-grabbed = 'true'] {
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
+ }
4465
+ }
4457
4466
 
4458
4467
  span.e-ungroupbutton.e-icons {
4459
4468
  margin-left: $grid-group-ungroupicon-margin-left;
@@ -7847,6 +7856,17 @@ $grid-checkmark-color: $theme-dark-font !default;
7847
7856
  }
7848
7857
  }
7849
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
+
7850
7870
  .e-row .e-input-group .e-control.e-input {
7851
7871
  @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
7852
7872
  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,14 @@ $grid-checkmark-color: $theme-primary-font !default;
4455
4456
  padding: 6px;
4456
4457
  }
4457
4458
  }
4459
+
4460
+ .e-content[aria-grabbed = 'true'] {
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
+ }
4466
+ }
4458
4467
 
4459
4468
  span.e-ungroupbutton.e-icons {
4460
4469
  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,14 @@ $grid-checkmark-color: $theme-primary-font !default;
4455
4456
  padding: 6px;
4456
4457
  }
4457
4458
  }
4459
+
4460
+ .e-content[aria-grabbed = 'true'] {
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
+ }
4466
+ }
4458
4467
 
4459
4468
  span.e-ungroupbutton.e-icons {
4460
4469
  margin-left: $grid-group-ungroupicon-margin-left;
@@ -7850,6 +7859,17 @@ $grid-checkmark-color: $theme-primary-font !default;
7850
7859
  }
7851
7860
  }
7852
7861
 
7862
+ .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)),
7863
+ .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)) {
7864
+ margin-right: $grid-bigger-toolbar-div-margin;
7865
+ }
7866
+
7867
+ .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)),
7868
+ .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)) {
7869
+ margin-left: $grid-bigger-toolbar-div-margin;
7870
+ margin-right: initial;
7871
+ }
7872
+
7853
7873
  .e-row .e-input-group .e-control.e-input {
7854
7874
  @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
7855
7875
  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,14 @@ $grid-checkmark-color: $primary-text-color !default;
4456
4457
  padding: 6px;
4457
4458
  }
4458
4459
  }
4460
+
4461
+ .e-content[aria-grabbed = 'true'] {
4462
+ .e-rowcell .e-checkbox-wrapper,
4463
+ .e-rowcell .e-css.e-checkbox-wrapper {
4464
+ -webkit-user-select: none; /* stylelint-disable-line property-no-vendor-prefix */
4465
+ user-select: none;
4466
+ }
4467
+ }
4459
4468
 
4460
4469
  span.e-ungroupbutton.e-icons {
4461
4470
  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,14 @@ $grid-checkmark-color: $primary-text-color !default;
4456
4457
  padding: 6px;
4457
4458
  }
4458
4459
  }
4460
+
4461
+ .e-content[aria-grabbed = 'true'] {
4462
+ .e-rowcell .e-checkbox-wrapper,
4463
+ .e-rowcell .e-css.e-checkbox-wrapper {
4464
+ -webkit-user-select: none; /* stylelint-disable-line property-no-vendor-prefix */
4465
+ user-select: none;
4466
+ }
4467
+ }
4459
4468
 
4460
4469
  span.e-ungroupbutton.e-icons {
4461
4470
  margin-left: $grid-group-ungroupicon-margin-left;
@@ -7849,6 +7858,17 @@ $grid-checkmark-color: $primary-text-color !default;
7849
7858
  }
7850
7859
  }
7851
7860
 
7861
+ .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)),
7862
+ .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)) {
7863
+ margin-right: $grid-bigger-toolbar-div-margin;
7864
+ }
7865
+
7866
+ .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)),
7867
+ .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)) {
7868
+ margin-left: $grid-bigger-toolbar-div-margin;
7869
+ margin-right: initial;
7870
+ }
7871
+
7852
7872
  .e-row .e-input-group .e-control.e-input {
7853
7873
  @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
7854
7874
  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,14 @@ $grid-checkmark-color: $primary-text-color !default;
4456
4457
  padding: 6px;
4457
4458
  }
4458
4459
  }
4460
+
4461
+ .e-content[aria-grabbed = 'true'] {
4462
+ .e-rowcell .e-checkbox-wrapper,
4463
+ .e-rowcell .e-css.e-checkbox-wrapper {
4464
+ -webkit-user-select: none; /* stylelint-disable-line property-no-vendor-prefix */
4465
+ user-select: none;
4466
+ }
4467
+ }
4459
4468
 
4460
4469
  span.e-ungroupbutton.e-icons {
4461
4470
  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,14 @@ $grid-checkmark-color: $primary-text-color !default;
4456
4457
  padding: 6px;
4457
4458
  }
4458
4459
  }
4460
+
4461
+ .e-content[aria-grabbed = 'true'] {
4462
+ .e-rowcell .e-checkbox-wrapper,
4463
+ .e-rowcell .e-css.e-checkbox-wrapper {
4464
+ -webkit-user-select: none; /* stylelint-disable-line property-no-vendor-prefix */
4465
+ user-select: none;
4466
+ }
4467
+ }
4459
4468
 
4460
4469
  span.e-ungroupbutton.e-icons {
4461
4470
  margin-left: $grid-group-ungroupicon-margin-left;
@@ -7849,6 +7858,17 @@ $grid-checkmark-color: $primary-text-color !default;
7849
7858
  }
7850
7859
  }
7851
7860
 
7861
+ .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)),
7862
+ .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)) {
7863
+ margin-right: $grid-bigger-toolbar-div-margin;
7864
+ }
7865
+
7866
+ .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)),
7867
+ .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)) {
7868
+ margin-left: $grid-bigger-toolbar-div-margin;
7869
+ margin-right: initial;
7870
+ }
7871
+
7852
7872
  .e-row .e-input-group .e-control.e-input {
7853
7873
  @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
7854
7874
  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,14 @@ $grid-checkmark-color: $primary-text-color !default;
4466
4467
  padding: 6px;
4467
4468
  }
4468
4469
  }
4470
+
4471
+ .e-content[aria-grabbed = 'true'] {
4472
+ .e-rowcell .e-checkbox-wrapper,
4473
+ .e-rowcell .e-css.e-checkbox-wrapper {
4474
+ -webkit-user-select: none; /* stylelint-disable-line property-no-vendor-prefix */
4475
+ user-select: none;
4476
+ }
4477
+ }
4469
4478
 
4470
4479
  span.e-ungroupbutton.e-icons {
4471
4480
  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,14 @@ $grid-checkmark-color: $primary-text-color !default;
4466
4467
  padding: 6px;
4467
4468
  }
4468
4469
  }
4470
+
4471
+ .e-content[aria-grabbed = 'true'] {
4472
+ .e-rowcell .e-checkbox-wrapper,
4473
+ .e-rowcell .e-css.e-checkbox-wrapper {
4474
+ -webkit-user-select: none; /* stylelint-disable-line property-no-vendor-prefix */
4475
+ user-select: none;
4476
+ }
4477
+ }
4469
4478
 
4470
4479
  span.e-ungroupbutton.e-icons {
4471
4480
  margin-left: $grid-group-ungroupicon-margin-left;
@@ -7859,6 +7868,17 @@ $grid-checkmark-color: $primary-text-color !default;
7859
7868
  }
7860
7869
  }
7861
7870
 
7871
+ .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)),
7872
+ .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)) {
7873
+ margin-right: $grid-bigger-toolbar-div-margin;
7874
+ }
7875
+
7876
+ .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)),
7877
+ .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)) {
7878
+ margin-left: $grid-bigger-toolbar-div-margin;
7879
+ margin-right: initial;
7880
+ }
7881
+
7862
7882
  .e-row .e-input-group .e-control.e-input {
7863
7883
  @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
7864
7884
  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,14 @@ $grid-checkmark-color: $primary-text-color !default;
4466
4467
  padding: 6px;
4467
4468
  }
4468
4469
  }
4470
+
4471
+ .e-content[aria-grabbed = 'true'] {
4472
+ .e-rowcell .e-checkbox-wrapper,
4473
+ .e-rowcell .e-css.e-checkbox-wrapper {
4474
+ -webkit-user-select: none; /* stylelint-disable-line property-no-vendor-prefix */
4475
+ user-select: none;
4476
+ }
4477
+ }
4469
4478
 
4470
4479
  span.e-ungroupbutton.e-icons {
4471
4480
  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,14 @@ $grid-checkmark-color: $primary-text-color !default;
4466
4467
  padding: 6px;
4467
4468
  }
4468
4469
  }
4470
+
4471
+ .e-content[aria-grabbed = 'true'] {
4472
+ .e-rowcell .e-checkbox-wrapper,
4473
+ .e-rowcell .e-css.e-checkbox-wrapper {
4474
+ -webkit-user-select: none; /* stylelint-disable-line property-no-vendor-prefix */
4475
+ user-select: none;
4476
+ }
4477
+ }
4469
4478
 
4470
4479
  span.e-ungroupbutton.e-icons {
4471
4480
  margin-left: $grid-group-ungroupicon-margin-left;
@@ -7859,6 +7868,17 @@ $grid-checkmark-color: $primary-text-color !default;
7859
7868
  }
7860
7869
  }
7861
7870
 
7871
+ .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)),
7872
+ .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)) {
7873
+ margin-right: $grid-bigger-toolbar-div-margin;
7874
+ }
7875
+
7876
+ .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)),
7877
+ .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)) {
7878
+ margin-left: $grid-bigger-toolbar-div-margin;
7879
+ margin-right: initial;
7880
+ }
7881
+
7862
7882
  .e-row .e-input-group .e-control.e-input {
7863
7883
  @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
7864
7884
  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,14 @@ $grid-checkmark-color: $primary-text-color !default;
4466
4467
  padding: 6px;
4467
4468
  }
4468
4469
  }
4470
+
4471
+ .e-content[aria-grabbed = 'true'] {
4472
+ .e-rowcell .e-checkbox-wrapper,
4473
+ .e-rowcell .e-css.e-checkbox-wrapper {
4474
+ -webkit-user-select: none; /* stylelint-disable-line property-no-vendor-prefix */
4475
+ user-select: none;
4476
+ }
4477
+ }
4469
4478
 
4470
4479
  span.e-ungroupbutton.e-icons {
4471
4480
  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,14 @@ $grid-checkmark-color: $primary-text-color !default;
4466
4467
  padding: 6px;
4467
4468
  }
4468
4469
  }
4470
+
4471
+ .e-content[aria-grabbed = 'true'] {
4472
+ .e-rowcell .e-checkbox-wrapper,
4473
+ .e-rowcell .e-css.e-checkbox-wrapper {
4474
+ -webkit-user-select: none; /* stylelint-disable-line property-no-vendor-prefix */
4475
+ user-select: none;
4476
+ }
4477
+ }
4469
4478
 
4470
4479
  span.e-ungroupbutton.e-icons {
4471
4480
  margin-left: $grid-group-ungroupicon-margin-left;
@@ -7859,6 +7868,17 @@ $grid-checkmark-color: $primary-text-color !default;
7859
7868
  }
7860
7869
  }
7861
7870
 
7871
+ .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)),
7872
+ .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)) {
7873
+ margin-right: $grid-bigger-toolbar-div-margin;
7874
+ }
7875
+
7876
+ .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)),
7877
+ .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)) {
7878
+ margin-left: $grid-bigger-toolbar-div-margin;
7879
+ margin-right: initial;
7880
+ }
7881
+
7862
7882
  .e-row .e-input-group .e-control.e-input {
7863
7883
  @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
7864
7884
  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,14 @@ $grid-checkmark-color: $selection-font !default;
4453
4454
  padding: 6px;
4454
4455
  }
4455
4456
  }
4457
+
4458
+ .e-content[aria-grabbed = 'true'] {
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
+ }
4464
+ }
4456
4465
 
4457
4466
  span.e-ungroupbutton.e-icons {
4458
4467
  margin-left: $grid-group-ungroupicon-margin-left;