@syncfusion/blazor-themes 27.1.50 → 27.1.51

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 (152) hide show
  1. package/SCSS-Themes/bds-dark.scss +331 -218
  2. package/SCSS-Themes/bds.scss +331 -218
  3. package/SCSS-Themes/bootstrap-dark.scss +330 -218
  4. package/SCSS-Themes/bootstrap.scss +330 -218
  5. package/SCSS-Themes/bootstrap4.scss +331 -218
  6. package/SCSS-Themes/bootstrap5-dark.scss +332 -220
  7. package/SCSS-Themes/bootstrap5.3.scss +332 -220
  8. package/SCSS-Themes/bootstrap5.scss +331 -219
  9. package/SCSS-Themes/buttons/radio-button/bds-dark.scss +2 -1
  10. package/SCSS-Themes/buttons/radio-button/bds.scss +2 -1
  11. package/SCSS-Themes/buttons/radio-button/bootstrap-dark.scss +1 -1
  12. package/SCSS-Themes/buttons/radio-button/bootstrap.scss +1 -1
  13. package/SCSS-Themes/buttons/radio-button/bootstrap4.scss +2 -1
  14. package/SCSS-Themes/buttons/radio-button/bootstrap5-dark.scss +1 -1
  15. package/SCSS-Themes/buttons/radio-button/bootstrap5.3.scss +1 -1
  16. package/SCSS-Themes/buttons/radio-button/bootstrap5.scss +2 -2
  17. package/SCSS-Themes/buttons/radio-button/fabric-dark.scss +1 -1
  18. package/SCSS-Themes/buttons/radio-button/fabric.scss +1 -1
  19. package/SCSS-Themes/buttons/radio-button/fluent-dark.scss +1 -1
  20. package/SCSS-Themes/buttons/radio-button/fluent.scss +1 -1
  21. package/SCSS-Themes/buttons/radio-button/fluent2-dark.scss +1 -1
  22. package/SCSS-Themes/buttons/radio-button/fluent2.scss +1 -1
  23. package/SCSS-Themes/buttons/radio-button/highcontrast.scss +1 -1
  24. package/SCSS-Themes/buttons/radio-button/material-dark.scss +1 -1
  25. package/SCSS-Themes/buttons/radio-button/material.scss +1 -1
  26. package/SCSS-Themes/buttons/radio-button/material3-dark.scss +1 -1
  27. package/SCSS-Themes/buttons/radio-button/material3.scss +1 -1
  28. package/SCSS-Themes/buttons/radio-button/tailwind-dark.scss +2 -1
  29. package/SCSS-Themes/buttons/radio-button/tailwind.scss +2 -1
  30. package/SCSS-Themes/dropdowns/multi-select/bds-dark.scss +4 -0
  31. package/SCSS-Themes/dropdowns/multi-select/bds.scss +4 -0
  32. package/SCSS-Themes/dropdowns/multi-select/bootstrap-dark.scss +4 -0
  33. package/SCSS-Themes/dropdowns/multi-select/bootstrap.scss +4 -0
  34. package/SCSS-Themes/dropdowns/multi-select/bootstrap4.scss +4 -0
  35. package/SCSS-Themes/dropdowns/multi-select/bootstrap5-dark.scss +4 -0
  36. package/SCSS-Themes/dropdowns/multi-select/bootstrap5.3.scss +4 -0
  37. package/SCSS-Themes/dropdowns/multi-select/bootstrap5.scss +4 -0
  38. package/SCSS-Themes/dropdowns/multi-select/fabric-dark.scss +4 -0
  39. package/SCSS-Themes/dropdowns/multi-select/fabric.scss +4 -0
  40. package/SCSS-Themes/dropdowns/multi-select/fluent-dark.scss +4 -0
  41. package/SCSS-Themes/dropdowns/multi-select/fluent.scss +4 -0
  42. package/SCSS-Themes/dropdowns/multi-select/fluent2-dark.scss +4 -0
  43. package/SCSS-Themes/dropdowns/multi-select/fluent2.scss +4 -0
  44. package/SCSS-Themes/dropdowns/multi-select/highcontrast.scss +4 -0
  45. package/SCSS-Themes/dropdowns/multi-select/material-dark.scss +4 -0
  46. package/SCSS-Themes/dropdowns/multi-select/material.scss +4 -0
  47. package/SCSS-Themes/dropdowns/multi-select/material3-dark.scss +4 -0
  48. package/SCSS-Themes/dropdowns/multi-select/material3.scss +4 -0
  49. package/SCSS-Themes/dropdowns/multi-select/tailwind-dark.scss +4 -0
  50. package/SCSS-Themes/dropdowns/multi-select/tailwind.scss +4 -0
  51. package/SCSS-Themes/fabric-dark.scss +330 -218
  52. package/SCSS-Themes/fabric.scss +330 -218
  53. package/SCSS-Themes/fluent-dark.scss +331 -219
  54. package/SCSS-Themes/fluent.scss +331 -219
  55. package/SCSS-Themes/fluent2-dark.scss +330 -218
  56. package/SCSS-Themes/fluent2.scss +330 -218
  57. package/SCSS-Themes/grids/grid/bds-dark.scss +22 -6
  58. package/SCSS-Themes/grids/grid/bds.scss +22 -6
  59. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +22 -6
  60. package/SCSS-Themes/grids/grid/bootstrap.scss +22 -6
  61. package/SCSS-Themes/grids/grid/bootstrap4.scss +22 -6
  62. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +22 -6
  63. package/SCSS-Themes/grids/grid/bootstrap5.3.scss +22 -6
  64. package/SCSS-Themes/grids/grid/bootstrap5.scss +22 -6
  65. package/SCSS-Themes/grids/grid/fabric-dark.scss +22 -6
  66. package/SCSS-Themes/grids/grid/fabric.scss +22 -6
  67. package/SCSS-Themes/grids/grid/fluent-dark.scss +23 -7
  68. package/SCSS-Themes/grids/grid/fluent.scss +23 -7
  69. package/SCSS-Themes/grids/grid/fluent2-dark.scss +22 -6
  70. package/SCSS-Themes/grids/grid/fluent2.scss +22 -6
  71. package/SCSS-Themes/grids/grid/highcontrast.scss +22 -6
  72. package/SCSS-Themes/grids/grid/material-dark.scss +22 -6
  73. package/SCSS-Themes/grids/grid/material.scss +22 -6
  74. package/SCSS-Themes/grids/grid/material3-dark.scss +22 -6
  75. package/SCSS-Themes/grids/grid/material3.scss +22 -6
  76. package/SCSS-Themes/grids/grid/tailwind-dark.scss +22 -6
  77. package/SCSS-Themes/grids/grid/tailwind.scss +22 -6
  78. package/SCSS-Themes/highcontrast.scss +331 -219
  79. package/SCSS-Themes/inputs/input/tailwind-dark.scss +1 -1
  80. package/SCSS-Themes/inputs/input/tailwind.scss +1 -1
  81. package/SCSS-Themes/inputs/slider/bds-dark.scss +5 -7
  82. package/SCSS-Themes/inputs/slider/bds.scss +5 -7
  83. package/SCSS-Themes/inputs/slider/bootstrap-dark.scss +5 -7
  84. package/SCSS-Themes/inputs/slider/bootstrap.scss +5 -7
  85. package/SCSS-Themes/inputs/slider/bootstrap4.scss +5 -7
  86. package/SCSS-Themes/inputs/slider/bootstrap5-dark.scss +5 -7
  87. package/SCSS-Themes/inputs/slider/bootstrap5.3.scss +5 -7
  88. package/SCSS-Themes/inputs/slider/bootstrap5.scss +5 -7
  89. package/SCSS-Themes/inputs/slider/fabric-dark.scss +5 -7
  90. package/SCSS-Themes/inputs/slider/fabric.scss +5 -7
  91. package/SCSS-Themes/inputs/slider/fluent-dark.scss +5 -7
  92. package/SCSS-Themes/inputs/slider/fluent.scss +5 -7
  93. package/SCSS-Themes/inputs/slider/fluent2-dark.scss +5 -7
  94. package/SCSS-Themes/inputs/slider/fluent2.scss +5 -7
  95. package/SCSS-Themes/inputs/slider/highcontrast.scss +5 -7
  96. package/SCSS-Themes/inputs/slider/material-dark.scss +5 -7
  97. package/SCSS-Themes/inputs/slider/material.scss +5 -7
  98. package/SCSS-Themes/inputs/slider/material3-dark.scss +5 -7
  99. package/SCSS-Themes/inputs/slider/material3.scss +5 -7
  100. package/SCSS-Themes/inputs/slider/tailwind-dark.scss +5 -7
  101. package/SCSS-Themes/inputs/slider/tailwind.scss +5 -7
  102. package/SCSS-Themes/interactive-chat/ai-assist-view/bds-dark.scss +294 -204
  103. package/SCSS-Themes/interactive-chat/ai-assist-view/bds.scss +294 -204
  104. package/SCSS-Themes/interactive-chat/ai-assist-view/bootstrap-dark.scss +294 -204
  105. package/SCSS-Themes/interactive-chat/ai-assist-view/bootstrap.scss +294 -204
  106. package/SCSS-Themes/interactive-chat/ai-assist-view/bootstrap4.scss +294 -204
  107. package/SCSS-Themes/interactive-chat/ai-assist-view/bootstrap5-dark.scss +294 -204
  108. package/SCSS-Themes/interactive-chat/ai-assist-view/bootstrap5.3.scss +294 -204
  109. package/SCSS-Themes/interactive-chat/ai-assist-view/bootstrap5.scss +294 -204
  110. package/SCSS-Themes/interactive-chat/ai-assist-view/fabric-dark.scss +294 -204
  111. package/SCSS-Themes/interactive-chat/ai-assist-view/fabric.scss +294 -204
  112. package/SCSS-Themes/interactive-chat/ai-assist-view/fluent-dark.scss +294 -204
  113. package/SCSS-Themes/interactive-chat/ai-assist-view/fluent.scss +294 -204
  114. package/SCSS-Themes/interactive-chat/ai-assist-view/fluent2-dark.scss +294 -204
  115. package/SCSS-Themes/interactive-chat/ai-assist-view/fluent2.scss +294 -204
  116. package/SCSS-Themes/interactive-chat/ai-assist-view/highcontrast.scss +295 -205
  117. package/SCSS-Themes/interactive-chat/ai-assist-view/material-dark.scss +294 -204
  118. package/SCSS-Themes/interactive-chat/ai-assist-view/material.scss +294 -204
  119. package/SCSS-Themes/interactive-chat/ai-assist-view/material3-dark.scss +294 -204
  120. package/SCSS-Themes/interactive-chat/ai-assist-view/material3.scss +294 -204
  121. package/SCSS-Themes/interactive-chat/ai-assist-view/tailwind-dark.scss +294 -204
  122. package/SCSS-Themes/interactive-chat/ai-assist-view/tailwind.scss +294 -204
  123. package/SCSS-Themes/lists/list-view/bds-dark.scss +4 -0
  124. package/SCSS-Themes/lists/list-view/bds.scss +4 -0
  125. package/SCSS-Themes/lists/list-view/bootstrap-dark.scss +4 -0
  126. package/SCSS-Themes/lists/list-view/bootstrap.scss +4 -0
  127. package/SCSS-Themes/lists/list-view/bootstrap4.scss +4 -0
  128. package/SCSS-Themes/lists/list-view/bootstrap5-dark.scss +4 -0
  129. package/SCSS-Themes/lists/list-view/bootstrap5.3.scss +4 -0
  130. package/SCSS-Themes/lists/list-view/bootstrap5.scss +4 -0
  131. package/SCSS-Themes/lists/list-view/fabric-dark.scss +4 -0
  132. package/SCSS-Themes/lists/list-view/fabric.scss +4 -0
  133. package/SCSS-Themes/lists/list-view/fluent-dark.scss +4 -0
  134. package/SCSS-Themes/lists/list-view/fluent.scss +4 -0
  135. package/SCSS-Themes/lists/list-view/fluent2-dark.scss +4 -0
  136. package/SCSS-Themes/lists/list-view/fluent2.scss +4 -0
  137. package/SCSS-Themes/lists/list-view/highcontrast.scss +4 -0
  138. package/SCSS-Themes/lists/list-view/material-dark.scss +4 -0
  139. package/SCSS-Themes/lists/list-view/material.scss +4 -0
  140. package/SCSS-Themes/lists/list-view/material3-dark.scss +4 -0
  141. package/SCSS-Themes/lists/list-view/material3.scss +4 -0
  142. package/SCSS-Themes/lists/list-view/tailwind-dark.scss +4 -0
  143. package/SCSS-Themes/lists/list-view/tailwind.scss +4 -0
  144. package/SCSS-Themes/material-dark.scss +330 -218
  145. package/SCSS-Themes/material.scss +330 -218
  146. package/SCSS-Themes/material3-dark.scss +330 -218
  147. package/SCSS-Themes/material3.scss +330 -218
  148. package/SCSS-Themes/navigations/treeview/bootstrap5-dark.scss +2 -2
  149. package/SCSS-Themes/navigations/treeview/bootstrap5.3.scss +2 -2
  150. package/SCSS-Themes/tailwind-dark.scss +332 -219
  151. package/SCSS-Themes/tailwind.scss +332 -219
  152. package/package.json +1 -1
package/SCSS-Themes/grids/grid/fabric.scss CHANGED
@@ -2282,7 +2282,12 @@ $grid-checkmark-color: $theme-primary-font !default;
2282
2282
  /* stylelint-enable */
2283
2283
 
2284
2284
  .e-dlg-content {
2285
- padding: 24px 27px;
2285
+ @if $grid-skin == 'fluent2' {
2286
+ padding: 24px 27px;
2287
+ }
2288
+ @else {
2289
+ padding: 8px 16px 8px 8px;
2290
+ }
2286
2291
  overflow-y: hidden;
2287
2292
  }
2288
2293
 
@@ -3137,7 +3142,7 @@ $grid-checkmark-color: $theme-primary-font !default;
3137
3142
  }
3138
3143
 
3139
3144
  .e-grid-popup {
3140
- position: relative;
3145
+ position: absolute;
3141
3146
  }
3142
3147
 
3143
3148
  #{&}.e-grid,
@@ -5457,6 +5462,12 @@ $grid-checkmark-color: $theme-primary-font !default;
5457
5462
  padding: $grid-columnchooser-toolbardiv-padding;
5458
5463
  }
5459
5464
 
5465
+ &:not(.sf-grid) .e-toolbar-item.e-cc.e-ccdiv.e-cc-toolbar {
5466
+ @if $grid-skin == 'fluent' {
5467
+ padding-bottom: 1px;
5468
+ }
5469
+ }
5470
+
5460
5471
  .e-edit-dialog {
5461
5472
  min-height: 350px;
5462
5473
  .e-dlg-content {
@@ -6271,14 +6282,17 @@ $grid-checkmark-color: $theme-primary-font !default;
6271
6282
  }
6272
6283
 
6273
6284
  &.e-wrap {
6274
- & .e-gridheader .e-rowcell,
6275
- & .e-gridcontent .e-rowcell,
6285
+ & .e-rowcell,
6276
6286
  & .e-columnheader .e-stackedheadercelldiv,
6277
6287
  & .e-columnheader .e-headercelldiv,
6278
6288
  & .e-columnheader .e-headercell.e-fltr-icon .e-headercelldiv {
6279
6289
  @include wrap-styles;
6280
6290
  }
6281
6291
 
6292
+ & .e-cloneproperties.e-draganddrop.e-grid .e-rowcell {
6293
+ white-space: nowrap;
6294
+ }
6295
+
6282
6296
  & .e-stackedheader .e-columnheader {
6283
6297
  .e-stackedheadercelldiv,
6284
6298
  .e-headercelldiv {
@@ -6836,7 +6850,8 @@ $grid-checkmark-color: $theme-primary-font !default;
6836
6850
  }
6837
6851
 
6838
6852
  @if $grid-skin == 'fluent2' {
6839
- .e-grid-menu.e-grid-column-menu.e-contextmenu-wrapper .e-ul .e-menu-item {
6853
+ .e-grid-menu.e-grid-column-menu.e-contextmenu-wrapper .e-ul .e-menu-item,
6854
+ .e-grid-menu.e-contextmenu-container .e-ul .e-menu-item {
6840
6855
  padding: 0 6px;
6841
6856
  }
6842
6857
  .e-grid-menu.e-grid-column-menu .e-colmenu.e-contextmenu {
@@ -7750,7 +7765,8 @@ $grid-checkmark-color: $theme-primary-font !default;
7750
7765
  }
7751
7766
 
7752
7767
  @if $grid-skin == 'fluent2' {
7753
- .e-grid-menu .e-menu-item.e-focused .e-css.e-checkbox-wrapper .e-label {
7768
+ .e-grid-menu .e-menu-item.e-focused .e-css.e-checkbox-wrapper .e-label,
7769
+ .e-grid-menu .e-menu-item.e-focused .e-wrapper.e-checkbox-wrapper .e-label {
7754
7770
  color: $flyout-text-color-hover;
7755
7771
  }
7756
7772
  }
package/SCSS-Themes/grids/grid/fluent-dark.scss CHANGED
@@ -159,7 +159,7 @@ $grid-columnchooser-toolbar-div-padding: 0 10px !default;
159
159
  $grid-columnchooser-toolbar-icon-line-height: 1.9 !default;
160
160
  $grid-columnchooser-toolbar-icon-font-size: $font-icon-15 !default;
161
161
  $grid-columnchooser-btn-font-size: $text-base !default;
162
- $grid-columnchooser-toolbardiv-padding: 0 4px 1px !default;
162
+ $grid-columnchooser-toolbardiv-padding: 0 4px !default;
163
163
  $grid-columnchooser-toolbardiv-margin-top: 0 !default;
164
164
  $grid-columnchooser-toolbar-icon-vertical-align: middle !default;
165
165
  $grid-columnchooser-cancel-icon-content-f-opactiy: 1 !default;
@@ -2285,7 +2285,12 @@ $grid-checkmark-color: $primary-text-color !default;
2285
2285
  /* stylelint-enable */
2286
2286
 
2287
2287
  .e-dlg-content {
2288
- padding: 24px 27px;
2288
+ @if $grid-skin == 'fluent2' {
2289
+ padding: 24px 27px;
2290
+ }
2291
+ @else {
2292
+ padding: 8px 16px 8px 8px;
2293
+ }
2289
2294
  overflow-y: hidden;
2290
2295
  }
2291
2296
 
@@ -3140,7 +3145,7 @@ $grid-checkmark-color: $primary-text-color !default;
3140
3145
  }
3141
3146
 
3142
3147
  .e-grid-popup {
3143
- position: relative;
3148
+ position: absolute;
3144
3149
  }
3145
3150
 
3146
3151
  #{&}.e-grid,
@@ -5460,6 +5465,12 @@ $grid-checkmark-color: $primary-text-color !default;
5460
5465
  padding: $grid-columnchooser-toolbardiv-padding;
5461
5466
  }
5462
5467
 
5468
+ &:not(.sf-grid) .e-toolbar-item.e-cc.e-ccdiv.e-cc-toolbar {
5469
+ @if $grid-skin == 'fluent' {
5470
+ padding-bottom: 1px;
5471
+ }
5472
+ }
5473
+
5463
5474
  .e-edit-dialog {
5464
5475
  min-height: 350px;
5465
5476
  .e-dlg-content {
@@ -6274,14 +6285,17 @@ $grid-checkmark-color: $primary-text-color !default;
6274
6285
  }
6275
6286
 
6276
6287
  &.e-wrap {
6277
- & .e-gridheader .e-rowcell,
6278
- & .e-gridcontent .e-rowcell,
6288
+ & .e-rowcell,
6279
6289
  & .e-columnheader .e-stackedheadercelldiv,
6280
6290
  & .e-columnheader .e-headercelldiv,
6281
6291
  & .e-columnheader .e-headercell.e-fltr-icon .e-headercelldiv {
6282
6292
  @include wrap-styles;
6283
6293
  }
6284
6294
 
6295
+ & .e-cloneproperties.e-draganddrop.e-grid .e-rowcell {
6296
+ white-space: nowrap;
6297
+ }
6298
+
6285
6299
  & .e-stackedheader .e-columnheader {
6286
6300
  .e-stackedheadercelldiv,
6287
6301
  .e-headercelldiv {
@@ -6839,7 +6853,8 @@ $grid-checkmark-color: $primary-text-color !default;
6839
6853
  }
6840
6854
 
6841
6855
  @if $grid-skin == 'fluent2' {
6842
- .e-grid-menu.e-grid-column-menu.e-contextmenu-wrapper .e-ul .e-menu-item {
6856
+ .e-grid-menu.e-grid-column-menu.e-contextmenu-wrapper .e-ul .e-menu-item,
6857
+ .e-grid-menu.e-contextmenu-container .e-ul .e-menu-item {
6843
6858
  padding: 0 6px;
6844
6859
  }
6845
6860
  .e-grid-menu.e-grid-column-menu .e-colmenu.e-contextmenu {
@@ -7753,7 +7768,8 @@ $grid-checkmark-color: $primary-text-color !default;
7753
7768
  }
7754
7769
 
7755
7770
  @if $grid-skin == 'fluent2' {
7756
- .e-grid-menu .e-menu-item.e-focused .e-css.e-checkbox-wrapper .e-label {
7771
+ .e-grid-menu .e-menu-item.e-focused .e-css.e-checkbox-wrapper .e-label,
7772
+ .e-grid-menu .e-menu-item.e-focused .e-wrapper.e-checkbox-wrapper .e-label {
7757
7773
  color: $flyout-text-color-hover;
7758
7774
  }
7759
7775
  }
package/SCSS-Themes/grids/grid/fluent.scss CHANGED
@@ -159,7 +159,7 @@ $grid-columnchooser-toolbar-div-padding: 0 10px !default;
159
159
  $grid-columnchooser-toolbar-icon-line-height: 1.9 !default;
160
160
  $grid-columnchooser-toolbar-icon-font-size: $font-icon-15 !default;
161
161
  $grid-columnchooser-btn-font-size: $text-base !default;
162
- $grid-columnchooser-toolbardiv-padding: 0 4px 1px !default;
162
+ $grid-columnchooser-toolbardiv-padding: 0 4px !default;
163
163
  $grid-columnchooser-toolbardiv-margin-top: 0 !default;
164
164
  $grid-columnchooser-toolbar-icon-vertical-align: middle !default;
165
165
  $grid-columnchooser-cancel-icon-content-f-opactiy: 1 !default;
@@ -2285,7 +2285,12 @@ $grid-checkmark-color: $primary-text-color !default;
2285
2285
  /* stylelint-enable */
2286
2286
 
2287
2287
  .e-dlg-content {
2288
- padding: 24px 27px;
2288
+ @if $grid-skin == 'fluent2' {
2289
+ padding: 24px 27px;
2290
+ }
2291
+ @else {
2292
+ padding: 8px 16px 8px 8px;
2293
+ }
2289
2294
  overflow-y: hidden;
2290
2295
  }
2291
2296
 
@@ -3140,7 +3145,7 @@ $grid-checkmark-color: $primary-text-color !default;
3140
3145
  }
3141
3146
 
3142
3147
  .e-grid-popup {
3143
- position: relative;
3148
+ position: absolute;
3144
3149
  }
3145
3150
 
3146
3151
  #{&}.e-grid,
@@ -5460,6 +5465,12 @@ $grid-checkmark-color: $primary-text-color !default;
5460
5465
  padding: $grid-columnchooser-toolbardiv-padding;
5461
5466
  }
5462
5467
 
5468
+ &:not(.sf-grid) .e-toolbar-item.e-cc.e-ccdiv.e-cc-toolbar {
5469
+ @if $grid-skin == 'fluent' {
5470
+ padding-bottom: 1px;
5471
+ }
5472
+ }
5473
+
5463
5474
  .e-edit-dialog {
5464
5475
  min-height: 350px;
5465
5476
  .e-dlg-content {
@@ -6274,14 +6285,17 @@ $grid-checkmark-color: $primary-text-color !default;
6274
6285
  }
6275
6286
 
6276
6287
  &.e-wrap {
6277
- & .e-gridheader .e-rowcell,
6278
- & .e-gridcontent .e-rowcell,
6288
+ & .e-rowcell,
6279
6289
  & .e-columnheader .e-stackedheadercelldiv,
6280
6290
  & .e-columnheader .e-headercelldiv,
6281
6291
  & .e-columnheader .e-headercell.e-fltr-icon .e-headercelldiv {
6282
6292
  @include wrap-styles;
6283
6293
  }
6284
6294
 
6295
+ & .e-cloneproperties.e-draganddrop.e-grid .e-rowcell {
6296
+ white-space: nowrap;
6297
+ }
6298
+
6285
6299
  & .e-stackedheader .e-columnheader {
6286
6300
  .e-stackedheadercelldiv,
6287
6301
  .e-headercelldiv {
@@ -6839,7 +6853,8 @@ $grid-checkmark-color: $primary-text-color !default;
6839
6853
  }
6840
6854
 
6841
6855
  @if $grid-skin == 'fluent2' {
6842
- .e-grid-menu.e-grid-column-menu.e-contextmenu-wrapper .e-ul .e-menu-item {
6856
+ .e-grid-menu.e-grid-column-menu.e-contextmenu-wrapper .e-ul .e-menu-item,
6857
+ .e-grid-menu.e-contextmenu-container .e-ul .e-menu-item {
6843
6858
  padding: 0 6px;
6844
6859
  }
6845
6860
  .e-grid-menu.e-grid-column-menu .e-colmenu.e-contextmenu {
@@ -7753,7 +7768,8 @@ $grid-checkmark-color: $primary-text-color !default;
7753
7768
  }
7754
7769
 
7755
7770
  @if $grid-skin == 'fluent2' {
7756
- .e-grid-menu .e-menu-item.e-focused .e-css.e-checkbox-wrapper .e-label {
7771
+ .e-grid-menu .e-menu-item.e-focused .e-css.e-checkbox-wrapper .e-label,
7772
+ .e-grid-menu .e-menu-item.e-focused .e-wrapper.e-checkbox-wrapper .e-label {
7757
7773
  color: $flyout-text-color-hover;
7758
7774
  }
7759
7775
  }
package/SCSS-Themes/grids/grid/fluent2-dark.scss CHANGED
@@ -2298,7 +2298,12 @@ $grid-checkmark-color: $primary-text-color !default;
2298
2298
  /* stylelint-enable */
2299
2299
 
2300
2300
  .e-dlg-content {
2301
- padding: 24px 27px;
2301
+ @if $grid-skin == 'fluent2' {
2302
+ padding: 24px 27px;
2303
+ }
2304
+ @else {
2305
+ padding: 8px 16px 8px 8px;
2306
+ }
2302
2307
  overflow-y: hidden;
2303
2308
  }
2304
2309
 
@@ -3153,7 +3158,7 @@ $grid-checkmark-color: $primary-text-color !default;
3153
3158
  }
3154
3159
 
3155
3160
  .e-grid-popup {
3156
- position: relative;
3161
+ position: absolute;
3157
3162
  }
3158
3163
 
3159
3164
  #{&}.e-grid,
@@ -5473,6 +5478,12 @@ $grid-checkmark-color: $primary-text-color !default;
5473
5478
  padding: $grid-columnchooser-toolbardiv-padding;
5474
5479
  }
5475
5480
 
5481
+ &:not(.sf-grid) .e-toolbar-item.e-cc.e-ccdiv.e-cc-toolbar {
5482
+ @if $grid-skin == 'fluent' {
5483
+ padding-bottom: 1px;
5484
+ }
5485
+ }
5486
+
5476
5487
  .e-edit-dialog {
5477
5488
  min-height: 350px;
5478
5489
  .e-dlg-content {
@@ -6287,14 +6298,17 @@ $grid-checkmark-color: $primary-text-color !default;
6287
6298
  }
6288
6299
 
6289
6300
  &.e-wrap {
6290
- & .e-gridheader .e-rowcell,
6291
- & .e-gridcontent .e-rowcell,
6301
+ & .e-rowcell,
6292
6302
  & .e-columnheader .e-stackedheadercelldiv,
6293
6303
  & .e-columnheader .e-headercelldiv,
6294
6304
  & .e-columnheader .e-headercell.e-fltr-icon .e-headercelldiv {
6295
6305
  @include wrap-styles;
6296
6306
  }
6297
6307
 
6308
+ & .e-cloneproperties.e-draganddrop.e-grid .e-rowcell {
6309
+ white-space: nowrap;
6310
+ }
6311
+
6298
6312
  & .e-stackedheader .e-columnheader {
6299
6313
  .e-stackedheadercelldiv,
6300
6314
  .e-headercelldiv {
@@ -6852,7 +6866,8 @@ $grid-checkmark-color: $primary-text-color !default;
6852
6866
  }
6853
6867
 
6854
6868
  @if $grid-skin == 'fluent2' {
6855
- .e-grid-menu.e-grid-column-menu.e-contextmenu-wrapper .e-ul .e-menu-item {
6869
+ .e-grid-menu.e-grid-column-menu.e-contextmenu-wrapper .e-ul .e-menu-item,
6870
+ .e-grid-menu.e-contextmenu-container .e-ul .e-menu-item {
6856
6871
  padding: 0 6px;
6857
6872
  }
6858
6873
  .e-grid-menu.e-grid-column-menu .e-colmenu.e-contextmenu {
@@ -7766,7 +7781,8 @@ $grid-checkmark-color: $primary-text-color !default;
7766
7781
  }
7767
7782
 
7768
7783
  @if $grid-skin == 'fluent2' {
7769
- .e-grid-menu .e-menu-item.e-focused .e-css.e-checkbox-wrapper .e-label {
7784
+ .e-grid-menu .e-menu-item.e-focused .e-css.e-checkbox-wrapper .e-label,
7785
+ .e-grid-menu .e-menu-item.e-focused .e-wrapper.e-checkbox-wrapper .e-label {
7770
7786
  color: $flyout-text-color-hover;
7771
7787
  }
7772
7788
  }
package/SCSS-Themes/grids/grid/fluent2.scss CHANGED
@@ -2298,7 +2298,12 @@ $grid-checkmark-color: $primary-text-color !default;
2298
2298
  /* stylelint-enable */
2299
2299
 
2300
2300
  .e-dlg-content {
2301
- padding: 24px 27px;
2301
+ @if $grid-skin == 'fluent2' {
2302
+ padding: 24px 27px;
2303
+ }
2304
+ @else {
2305
+ padding: 8px 16px 8px 8px;
2306
+ }
2302
2307
  overflow-y: hidden;
2303
2308
  }
2304
2309
 
@@ -3153,7 +3158,7 @@ $grid-checkmark-color: $primary-text-color !default;
3153
3158
  }
3154
3159
 
3155
3160
  .e-grid-popup {
3156
- position: relative;
3161
+ position: absolute;
3157
3162
  }
3158
3163
 
3159
3164
  #{&}.e-grid,
@@ -5473,6 +5478,12 @@ $grid-checkmark-color: $primary-text-color !default;
5473
5478
  padding: $grid-columnchooser-toolbardiv-padding;
5474
5479
  }
5475
5480
 
5481
+ &:not(.sf-grid) .e-toolbar-item.e-cc.e-ccdiv.e-cc-toolbar {
5482
+ @if $grid-skin == 'fluent' {
5483
+ padding-bottom: 1px;
5484
+ }
5485
+ }
5486
+
5476
5487
  .e-edit-dialog {
5477
5488
  min-height: 350px;
5478
5489
  .e-dlg-content {
@@ -6287,14 +6298,17 @@ $grid-checkmark-color: $primary-text-color !default;
6287
6298
  }
6288
6299
 
6289
6300
  &.e-wrap {
6290
- & .e-gridheader .e-rowcell,
6291
- & .e-gridcontent .e-rowcell,
6301
+ & .e-rowcell,
6292
6302
  & .e-columnheader .e-stackedheadercelldiv,
6293
6303
  & .e-columnheader .e-headercelldiv,
6294
6304
  & .e-columnheader .e-headercell.e-fltr-icon .e-headercelldiv {
6295
6305
  @include wrap-styles;
6296
6306
  }
6297
6307
 
6308
+ & .e-cloneproperties.e-draganddrop.e-grid .e-rowcell {
6309
+ white-space: nowrap;
6310
+ }
6311
+
6298
6312
  & .e-stackedheader .e-columnheader {
6299
6313
  .e-stackedheadercelldiv,
6300
6314
  .e-headercelldiv {
@@ -6852,7 +6866,8 @@ $grid-checkmark-color: $primary-text-color !default;
6852
6866
  }
6853
6867
 
6854
6868
  @if $grid-skin == 'fluent2' {
6855
- .e-grid-menu.e-grid-column-menu.e-contextmenu-wrapper .e-ul .e-menu-item {
6869
+ .e-grid-menu.e-grid-column-menu.e-contextmenu-wrapper .e-ul .e-menu-item,
6870
+ .e-grid-menu.e-contextmenu-container .e-ul .e-menu-item {
6856
6871
  padding: 0 6px;
6857
6872
  }
6858
6873
  .e-grid-menu.e-grid-column-menu .e-colmenu.e-contextmenu {
@@ -7766,7 +7781,8 @@ $grid-checkmark-color: $primary-text-color !default;
7766
7781
  }
7767
7782
 
7768
7783
  @if $grid-skin == 'fluent2' {
7769
- .e-grid-menu .e-menu-item.e-focused .e-css.e-checkbox-wrapper .e-label {
7784
+ .e-grid-menu .e-menu-item.e-focused .e-css.e-checkbox-wrapper .e-label,
7785
+ .e-grid-menu .e-menu-item.e-focused .e-wrapper.e-checkbox-wrapper .e-label {
7770
7786
  color: $flyout-text-color-hover;
7771
7787
  }
7772
7788
  }
package/SCSS-Themes/grids/grid/highcontrast.scss CHANGED
@@ -2282,7 +2282,12 @@ $grid-checkmark-color: $selection-font !default;
2282
2282
  /* stylelint-enable */
2283
2283
 
2284
2284
  .e-dlg-content {
2285
- padding: 24px 27px;
2285
+ @if $grid-skin == 'fluent2' {
2286
+ padding: 24px 27px;
2287
+ }
2288
+ @else {
2289
+ padding: 8px 16px 8px 8px;
2290
+ }
2286
2291
  overflow-y: hidden;
2287
2292
  }
2288
2293
 
@@ -3137,7 +3142,7 @@ $grid-checkmark-color: $selection-font !default;
3137
3142
  }
3138
3143
 
3139
3144
  .e-grid-popup {
3140
- position: relative;
3145
+ position: absolute;
3141
3146
  }
3142
3147
 
3143
3148
  #{&}.e-grid,
@@ -5457,6 +5462,12 @@ $grid-checkmark-color: $selection-font !default;
5457
5462
  padding: $grid-columnchooser-toolbardiv-padding;
5458
5463
  }
5459
5464
 
5465
+ &:not(.sf-grid) .e-toolbar-item.e-cc.e-ccdiv.e-cc-toolbar {
5466
+ @if $grid-skin == 'fluent' {
5467
+ padding-bottom: 1px;
5468
+ }
5469
+ }
5470
+
5460
5471
  .e-edit-dialog {
5461
5472
  min-height: 350px;
5462
5473
  .e-dlg-content {
@@ -6271,14 +6282,17 @@ $grid-checkmark-color: $selection-font !default;
6271
6282
  }
6272
6283
 
6273
6284
  &.e-wrap {
6274
- & .e-gridheader .e-rowcell,
6275
- & .e-gridcontent .e-rowcell,
6285
+ & .e-rowcell,
6276
6286
  & .e-columnheader .e-stackedheadercelldiv,
6277
6287
  & .e-columnheader .e-headercelldiv,
6278
6288
  & .e-columnheader .e-headercell.e-fltr-icon .e-headercelldiv {
6279
6289
  @include wrap-styles;
6280
6290
  }
6281
6291
 
6292
+ & .e-cloneproperties.e-draganddrop.e-grid .e-rowcell {
6293
+ white-space: nowrap;
6294
+ }
6295
+
6282
6296
  & .e-stackedheader .e-columnheader {
6283
6297
  .e-stackedheadercelldiv,
6284
6298
  .e-headercelldiv {
@@ -6836,7 +6850,8 @@ $grid-checkmark-color: $selection-font !default;
6836
6850
  }
6837
6851
 
6838
6852
  @if $grid-skin == 'fluent2' {
6839
- .e-grid-menu.e-grid-column-menu.e-contextmenu-wrapper .e-ul .e-menu-item {
6853
+ .e-grid-menu.e-grid-column-menu.e-contextmenu-wrapper .e-ul .e-menu-item,
6854
+ .e-grid-menu.e-contextmenu-container .e-ul .e-menu-item {
6840
6855
  padding: 0 6px;
6841
6856
  }
6842
6857
  .e-grid-menu.e-grid-column-menu .e-colmenu.e-contextmenu {
@@ -7750,7 +7765,8 @@ $grid-checkmark-color: $selection-font !default;
7750
7765
  }
7751
7766
 
7752
7767
  @if $grid-skin == 'fluent2' {
7753
- .e-grid-menu .e-menu-item.e-focused .e-css.e-checkbox-wrapper .e-label {
7768
+ .e-grid-menu .e-menu-item.e-focused .e-css.e-checkbox-wrapper .e-label,
7769
+ .e-grid-menu .e-menu-item.e-focused .e-wrapper.e-checkbox-wrapper .e-label {
7754
7770
  color: $flyout-text-color-hover;
7755
7771
  }
7756
7772
  }
package/SCSS-Themes/grids/grid/material-dark.scss CHANGED
@@ -2282,7 +2282,12 @@ $grid-checkmark-color: $accent-font !default;
2282
2282
  /* stylelint-enable */
2283
2283
 
2284
2284
  .e-dlg-content {
2285
- padding: 24px 27px;
2285
+ @if $grid-skin == 'fluent2' {
2286
+ padding: 24px 27px;
2287
+ }
2288
+ @else {
2289
+ padding: 8px 16px 8px 8px;
2290
+ }
2286
2291
  overflow-y: hidden;
2287
2292
  }
2288
2293
 
@@ -3137,7 +3142,7 @@ $grid-checkmark-color: $accent-font !default;
3137
3142
  }
3138
3143
 
3139
3144
  .e-grid-popup {
3140
- position: relative;
3145
+ position: absolute;
3141
3146
  }
3142
3147
 
3143
3148
  #{&}.e-grid,
@@ -5457,6 +5462,12 @@ $grid-checkmark-color: $accent-font !default;
5457
5462
  padding: $grid-columnchooser-toolbardiv-padding;
5458
5463
  }
5459
5464
 
5465
+ &:not(.sf-grid) .e-toolbar-item.e-cc.e-ccdiv.e-cc-toolbar {
5466
+ @if $grid-skin == 'fluent' {
5467
+ padding-bottom: 1px;
5468
+ }
5469
+ }
5470
+
5460
5471
  .e-edit-dialog {
5461
5472
  min-height: 350px;
5462
5473
  .e-dlg-content {
@@ -6271,14 +6282,17 @@ $grid-checkmark-color: $accent-font !default;
6271
6282
  }
6272
6283
 
6273
6284
  &.e-wrap {
6274
- & .e-gridheader .e-rowcell,
6275
- & .e-gridcontent .e-rowcell,
6285
+ & .e-rowcell,
6276
6286
  & .e-columnheader .e-stackedheadercelldiv,
6277
6287
  & .e-columnheader .e-headercelldiv,
6278
6288
  & .e-columnheader .e-headercell.e-fltr-icon .e-headercelldiv {
6279
6289
  @include wrap-styles;
6280
6290
  }
6281
6291
 
6292
+ & .e-cloneproperties.e-draganddrop.e-grid .e-rowcell {
6293
+ white-space: nowrap;
6294
+ }
6295
+
6282
6296
  & .e-stackedheader .e-columnheader {
6283
6297
  .e-stackedheadercelldiv,
6284
6298
  .e-headercelldiv {
@@ -6836,7 +6850,8 @@ $grid-checkmark-color: $accent-font !default;
6836
6850
  }
6837
6851
 
6838
6852
  @if $grid-skin == 'fluent2' {
6839
- .e-grid-menu.e-grid-column-menu.e-contextmenu-wrapper .e-ul .e-menu-item {
6853
+ .e-grid-menu.e-grid-column-menu.e-contextmenu-wrapper .e-ul .e-menu-item,
6854
+ .e-grid-menu.e-contextmenu-container .e-ul .e-menu-item {
6840
6855
  padding: 0 6px;
6841
6856
  }
6842
6857
  .e-grid-menu.e-grid-column-menu .e-colmenu.e-contextmenu {
@@ -7750,7 +7765,8 @@ $grid-checkmark-color: $accent-font !default;
7750
7765
  }
7751
7766
 
7752
7767
  @if $grid-skin == 'fluent2' {
7753
- .e-grid-menu .e-menu-item.e-focused .e-css.e-checkbox-wrapper .e-label {
7768
+ .e-grid-menu .e-menu-item.e-focused .e-css.e-checkbox-wrapper .e-label,
7769
+ .e-grid-menu .e-menu-item.e-focused .e-wrapper.e-checkbox-wrapper .e-label {
7754
7770
  color: $flyout-text-color-hover;
7755
7771
  }
7756
7772
  }
package/SCSS-Themes/grids/grid/material.scss CHANGED
@@ -2282,7 +2282,12 @@ $grid-checkmark-color: $accent-font !default;
2282
2282
  /* stylelint-enable */
2283
2283
 
2284
2284
  .e-dlg-content {
2285
- padding: 24px 27px;
2285
+ @if $grid-skin == 'fluent2' {
2286
+ padding: 24px 27px;
2287
+ }
2288
+ @else {
2289
+ padding: 8px 16px 8px 8px;
2290
+ }
2286
2291
  overflow-y: hidden;
2287
2292
  }
2288
2293
 
@@ -3137,7 +3142,7 @@ $grid-checkmark-color: $accent-font !default;
3137
3142
  }
3138
3143
 
3139
3144
  .e-grid-popup {
3140
- position: relative;
3145
+ position: absolute;
3141
3146
  }
3142
3147
 
3143
3148
  #{&}.e-grid,
@@ -5457,6 +5462,12 @@ $grid-checkmark-color: $accent-font !default;
5457
5462
  padding: $grid-columnchooser-toolbardiv-padding;
5458
5463
  }
5459
5464
 
5465
+ &:not(.sf-grid) .e-toolbar-item.e-cc.e-ccdiv.e-cc-toolbar {
5466
+ @if $grid-skin == 'fluent' {
5467
+ padding-bottom: 1px;
5468
+ }
5469
+ }
5470
+
5460
5471
  .e-edit-dialog {
5461
5472
  min-height: 350px;
5462
5473
  .e-dlg-content {
@@ -6271,14 +6282,17 @@ $grid-checkmark-color: $accent-font !default;
6271
6282
  }
6272
6283
 
6273
6284
  &.e-wrap {
6274
- & .e-gridheader .e-rowcell,
6275
- & .e-gridcontent .e-rowcell,
6285
+ & .e-rowcell,
6276
6286
  & .e-columnheader .e-stackedheadercelldiv,
6277
6287
  & .e-columnheader .e-headercelldiv,
6278
6288
  & .e-columnheader .e-headercell.e-fltr-icon .e-headercelldiv {
6279
6289
  @include wrap-styles;
6280
6290
  }
6281
6291
 
6292
+ & .e-cloneproperties.e-draganddrop.e-grid .e-rowcell {
6293
+ white-space: nowrap;
6294
+ }
6295
+
6282
6296
  & .e-stackedheader .e-columnheader {
6283
6297
  .e-stackedheadercelldiv,
6284
6298
  .e-headercelldiv {
@@ -6836,7 +6850,8 @@ $grid-checkmark-color: $accent-font !default;
6836
6850
  }
6837
6851
 
6838
6852
  @if $grid-skin == 'fluent2' {
6839
- .e-grid-menu.e-grid-column-menu.e-contextmenu-wrapper .e-ul .e-menu-item {
6853
+ .e-grid-menu.e-grid-column-menu.e-contextmenu-wrapper .e-ul .e-menu-item,
6854
+ .e-grid-menu.e-contextmenu-container .e-ul .e-menu-item {
6840
6855
  padding: 0 6px;
6841
6856
  }
6842
6857
  .e-grid-menu.e-grid-column-menu .e-colmenu.e-contextmenu {
@@ -7750,7 +7765,8 @@ $grid-checkmark-color: $accent-font !default;
7750
7765
  }
7751
7766
 
7752
7767
  @if $grid-skin == 'fluent2' {
7753
- .e-grid-menu .e-menu-item.e-focused .e-css.e-checkbox-wrapper .e-label {
7768
+ .e-grid-menu .e-menu-item.e-focused .e-css.e-checkbox-wrapper .e-label,
7769
+ .e-grid-menu .e-menu-item.e-focused .e-wrapper.e-checkbox-wrapper .e-label {
7754
7770
  color: $flyout-text-color-hover;
7755
7771
  }
7756
7772
  }
package/SCSS-Themes/grids/grid/material3-dark.scss CHANGED
@@ -2285,7 +2285,12 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
2285
2285
  /* stylelint-enable */
2286
2286
 
2287
2287
  .e-dlg-content {
2288
- padding: 24px 27px;
2288
+ @if $grid-skin == 'fluent2' {
2289
+ padding: 24px 27px;
2290
+ }
2291
+ @else {
2292
+ padding: 8px 16px 8px 8px;
2293
+ }
2289
2294
  overflow-y: hidden;
2290
2295
  }
2291
2296
 
@@ -3140,7 +3145,7 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
3140
3145
  }
3141
3146
 
3142
3147
  .e-grid-popup {
3143
- position: relative;
3148
+ position: absolute;
3144
3149
  }
3145
3150
 
3146
3151
  #{&}.e-grid,
@@ -5460,6 +5465,12 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
5460
5465
  padding: $grid-columnchooser-toolbardiv-padding;
5461
5466
  }
5462
5467
 
5468
+ &:not(.sf-grid) .e-toolbar-item.e-cc.e-ccdiv.e-cc-toolbar {
5469
+ @if $grid-skin == 'fluent' {
5470
+ padding-bottom: 1px;
5471
+ }
5472
+ }
5473
+
5463
5474
  .e-edit-dialog {
5464
5475
  min-height: 350px;
5465
5476
  .e-dlg-content {
@@ -6274,14 +6285,17 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
6274
6285
  }
6275
6286
 
6276
6287
  &.e-wrap {
6277
- & .e-gridheader .e-rowcell,
6278
- & .e-gridcontent .e-rowcell,
6288
+ & .e-rowcell,
6279
6289
  & .e-columnheader .e-stackedheadercelldiv,
6280
6290
  & .e-columnheader .e-headercelldiv,
6281
6291
  & .e-columnheader .e-headercell.e-fltr-icon .e-headercelldiv {
6282
6292
  @include wrap-styles;
6283
6293
  }
6284
6294
 
6295
+ & .e-cloneproperties.e-draganddrop.e-grid .e-rowcell {
6296
+ white-space: nowrap;
6297
+ }
6298
+
6285
6299
  & .e-stackedheader .e-columnheader {
6286
6300
  .e-stackedheadercelldiv,
6287
6301
  .e-headercelldiv {
@@ -6839,7 +6853,8 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
6839
6853
  }
6840
6854
 
6841
6855
  @if $grid-skin == 'fluent2' {
6842
- .e-grid-menu.e-grid-column-menu.e-contextmenu-wrapper .e-ul .e-menu-item {
6856
+ .e-grid-menu.e-grid-column-menu.e-contextmenu-wrapper .e-ul .e-menu-item,
6857
+ .e-grid-menu.e-contextmenu-container .e-ul .e-menu-item {
6843
6858
  padding: 0 6px;
6844
6859
  }
6845
6860
  .e-grid-menu.e-grid-column-menu .e-colmenu.e-contextmenu {
@@ -7753,7 +7768,8 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
7753
7768
  }
7754
7769
 
7755
7770
  @if $grid-skin == 'fluent2' {
7756
- .e-grid-menu .e-menu-item.e-focused .e-css.e-checkbox-wrapper .e-label {
7771
+ .e-grid-menu .e-menu-item.e-focused .e-css.e-checkbox-wrapper .e-label,
7772
+ .e-grid-menu .e-menu-item.e-focused .e-wrapper.e-checkbox-wrapper .e-label {
7757
7773
  color: $flyout-text-color-hover;
7758
7774
  }
7759
7775
  }