@syncfusion/blazor-themes 21.2.5 → 21.2.8

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 (71) hide show
  1. package/SCSS-Themes/bootstrap-dark.scss +14 -14
  2. package/SCSS-Themes/bootstrap.scss +14 -14
  3. package/SCSS-Themes/bootstrap4.scss +14 -14
  4. package/SCSS-Themes/bootstrap5-dark.scss +14 -14
  5. package/SCSS-Themes/bootstrap5.scss +14 -14
  6. package/SCSS-Themes/documenteditor/document-editor/bootstrap-dark.scss +1 -0
  7. package/SCSS-Themes/documenteditor/document-editor/bootstrap.scss +1 -0
  8. package/SCSS-Themes/documenteditor/document-editor/bootstrap4.scss +1 -0
  9. package/SCSS-Themes/documenteditor/document-editor/bootstrap5-dark.scss +1 -0
  10. package/SCSS-Themes/documenteditor/document-editor/bootstrap5.scss +1 -0
  11. package/SCSS-Themes/documenteditor/document-editor/fabric-dark.scss +1 -0
  12. package/SCSS-Themes/documenteditor/document-editor/fabric.scss +1 -0
  13. package/SCSS-Themes/documenteditor/document-editor/fluent-dark.scss +1 -0
  14. package/SCSS-Themes/documenteditor/document-editor/fluent.scss +1 -0
  15. package/SCSS-Themes/documenteditor/document-editor/highcontrast.scss +1 -0
  16. package/SCSS-Themes/documenteditor/document-editor/material-dark.scss +1 -0
  17. package/SCSS-Themes/documenteditor/document-editor/material.scss +1 -0
  18. package/SCSS-Themes/documenteditor/document-editor/tailwind-dark.scss +1 -0
  19. package/SCSS-Themes/documenteditor/document-editor/tailwind.scss +1 -0
  20. package/SCSS-Themes/fabric-dark.scss +13 -13
  21. package/SCSS-Themes/fabric.scss +13 -13
  22. package/SCSS-Themes/fluent-dark.scss +14 -14
  23. package/SCSS-Themes/fluent.scss +14 -14
  24. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +11 -12
  25. package/SCSS-Themes/grids/grid/bootstrap.scss +11 -12
  26. package/SCSS-Themes/grids/grid/bootstrap4.scss +11 -12
  27. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +11 -12
  28. package/SCSS-Themes/grids/grid/bootstrap5.scss +11 -12
  29. package/SCSS-Themes/grids/grid/fabric-dark.scss +10 -11
  30. package/SCSS-Themes/grids/grid/fabric.scss +10 -11
  31. package/SCSS-Themes/grids/grid/fluent-dark.scss +11 -12
  32. package/SCSS-Themes/grids/grid/fluent.scss +11 -12
  33. package/SCSS-Themes/grids/grid/highcontrast.scss +10 -11
  34. package/SCSS-Themes/grids/grid/material-dark.scss +10 -11
  35. package/SCSS-Themes/grids/grid/material.scss +10 -11
  36. package/SCSS-Themes/grids/grid/tailwind-dark.scss +11 -12
  37. package/SCSS-Themes/grids/grid/tailwind.scss +11 -12
  38. package/SCSS-Themes/highcontrast.scss +13 -13
  39. package/SCSS-Themes/material-dark.scss +13 -13
  40. package/SCSS-Themes/material.scss +13 -13
  41. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap-dark.scss +1 -0
  42. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap.scss +1 -0
  43. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap4.scss +1 -0
  44. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap5-dark.scss +1 -0
  45. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap5.scss +1 -0
  46. package/SCSS-Themes/pivotview/pivotfieldlist/fabric-dark.scss +1 -0
  47. package/SCSS-Themes/pivotview/pivotfieldlist/fabric.scss +1 -0
  48. package/SCSS-Themes/pivotview/pivotfieldlist/fluent-dark.scss +1 -0
  49. package/SCSS-Themes/pivotview/pivotfieldlist/fluent.scss +1 -0
  50. package/SCSS-Themes/pivotview/pivotfieldlist/highcontrast.scss +1 -0
  51. package/SCSS-Themes/pivotview/pivotfieldlist/material-dark.scss +1 -0
  52. package/SCSS-Themes/pivotview/pivotfieldlist/material.scss +1 -0
  53. package/SCSS-Themes/pivotview/pivotfieldlist/tailwind-dark.scss +1 -0
  54. package/SCSS-Themes/pivotview/pivotfieldlist/tailwind.scss +1 -0
  55. package/SCSS-Themes/pivotview/pivotview/bootstrap-dark.scss +1 -2
  56. package/SCSS-Themes/pivotview/pivotview/bootstrap.scss +1 -2
  57. package/SCSS-Themes/pivotview/pivotview/bootstrap4.scss +1 -2
  58. package/SCSS-Themes/pivotview/pivotview/bootstrap5-dark.scss +1 -2
  59. package/SCSS-Themes/pivotview/pivotview/bootstrap5.scss +1 -2
  60. package/SCSS-Themes/pivotview/pivotview/fabric-dark.scss +1 -2
  61. package/SCSS-Themes/pivotview/pivotview/fabric.scss +1 -2
  62. package/SCSS-Themes/pivotview/pivotview/fluent-dark.scss +1 -2
  63. package/SCSS-Themes/pivotview/pivotview/fluent.scss +1 -2
  64. package/SCSS-Themes/pivotview/pivotview/highcontrast.scss +1 -2
  65. package/SCSS-Themes/pivotview/pivotview/material-dark.scss +1 -2
  66. package/SCSS-Themes/pivotview/pivotview/material.scss +1 -2
  67. package/SCSS-Themes/pivotview/pivotview/tailwind-dark.scss +1 -2
  68. package/SCSS-Themes/pivotview/pivotview/tailwind.scss +1 -2
  69. package/SCSS-Themes/tailwind-dark.scss +14 -14
  70. package/SCSS-Themes/tailwind.scss +14 -14
  71. package/package.json +1 -1
package/SCSS-Themes/fabric-dark.scss CHANGED
@@ -65701,6 +65701,7 @@ $de-column-presets-font-size: 60px !default;
65701
65701
  .e-de-multi-cmt-mark::before {
65702
65702
  content: '\e97e';
65703
65703
  font-family: 'e-icons';
65704
+ font-size: 14px;
65704
65705
  }
65705
65706
 
65706
65707
  .e-de-cmt-post::before {
@@ -71983,7 +71984,7 @@ $group-droparea-hover-color: $active-font-color !default;
71983
71984
  $group-header-hover-color: $header-font-color !default;
71984
71985
  $group-row-bg-stcolor: #ececec !default;
71985
71986
  $grid-group-clone-text-align: center !default;
71986
- $grid-group-unpgroupicon-margin-top: 0 !default;
71987
+ $grid-group-unpgroupicon-padding-top: 0 !default;
71987
71988
  $grid-ungroup-rtl-padding-right: 6px !default;
71988
71989
  $filter-text-color: $content-font-color !default;
71989
71990
  $grid-wrap-line-height: 18px !default;
@@ -72059,7 +72060,6 @@ $grid-bigger-groupedcell-padding: 11px 11px 12px !default;
72059
72060
  $grid-bigger-group-clone-padding: 6px !default;
72060
72061
  $grid-bigger-grouptext-width: 76px !default;
72061
72062
  $grid-bigger-group-text-line-height: 32px !default;
72062
- $grid-bigger-rtl-ungroup-icon-margin-top: 0 !default;
72063
72063
  $grid-bigger-columnchooser-header-padding: 24px 24px 38px !default;
72064
72064
  $grid-bigger-columnchooser-ul-padding: 0 !default;
72065
72065
  $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
@@ -72437,6 +72437,7 @@ $grid-bigger-clone-padding: $grid-clone-padding !default;
72437
72437
  $grid-bigger-draganddrop-clone-padding: $grid-clone-padding !default;
72438
72438
  $grouped-bigger-text-font-size: $grouped-text-font-size !default;
72439
72439
  $grid-bigger-ungroupbutton-icon-margin-right: 0 !default;
72440
+ $grid-bigger-ungroupbutton-icon-padding-top: 0 !default;
72440
72441
  $grid-bigger-font-size: $grid-font-size !default;
72441
72442
  $grid-rtl-bigger-rightalign-fltrdiv-margin: $grid-rtl-bigger-fltrdiv-margin !default;
72442
72443
  $grid-bigger-rtl-ungroup-icon-margin-left: 0 !default;
@@ -73187,6 +73188,7 @@ $grid-dropitems-count-margin-left: -8px !default;
73187
73188
  margin-left: $grid-bigger-ungroupbutton-icon-margin-left;
73188
73189
  margin-top: $grid-bigger-ungroupbutton-icon-margin-top;
73189
73190
  margin-right: $grid-bigger-ungroupbutton-icon-margin-right;
73191
+ padding-top: $grid-bigger-ungroupbutton-icon-padding-top;
73190
73192
  @if $grid-skin == 'fluent' {
73191
73193
  padding: 0 4px;
73192
73194
  }
@@ -73243,9 +73245,12 @@ $grid-dropitems-count-margin-left: -8px !default;
73243
73245
  &.e-rtl span.e-ungroupbutton.e-icons {
73244
73246
  margin-left: $grid-bigger-rtl-ungroup-icon-margin-left;
73245
73247
  margin-right: $grid-bigger-rtl-ungroup-icon-margin-right;
73246
- margin-top: $grid-bigger-rtl-ungroup-icon-margin-top;
73247
- padding-top: $grid-ungroup-rtl-padding-top;
73248
+ margin-top: $grid-bigger-sorticon-margin-top;
73248
73249
  padding-left: $grid-ungroup-rtl-padding-left;
73250
+ @if $grid-skin == 'fluent' {
73251
+ margin-top: 0;
73252
+ padding: 0 4px;
73253
+ }
73249
73254
  }
73250
73255
 
73251
73256
  .e-groupcaption {
@@ -75070,14 +75075,9 @@ $grid-dropitems-count-margin-left: -8px !default;
75070
75075
 
75071
75076
  span.e-ungroupbutton.e-icons {
75072
75077
  margin-left: $group-unpgrouicon-margin-left;
75073
- margin-top: $grid-group-unpgroupicon-margin-top;
75078
+ margin-top: $group-sorticon-margin-top;
75079
+ padding-top: $grid-group-unpgroupicon-padding-top;
75074
75080
  padding-right: $grid-group-unpgroupicon-padding-right;
75075
- @if $grid-skin == 'bootstrap4' {
75076
- padding-top: 4px;
75077
- }
75078
- @else if $grid-skin == 'tailwind' {
75079
- padding-top: 1px;
75080
- }
75081
75081
  }
75082
75082
 
75083
75083
  span.e-ungroupbutton.e-icons:hover {
@@ -99869,6 +99869,7 @@ $olap-bigger-tree-outer-div-width: 325px !default;
99869
99869
 
99870
99870
  .e-field-name-title {
99871
99871
  flex: none;
99872
+ white-space: pre;
99872
99873
  }
99873
99874
 
99874
99875
  .e-field-name-content {
@@ -104129,8 +104130,7 @@ $pivotpager-single-size-title-padding: 4px !default;
104129
104130
  .e-olap-editor-dialog {
104130
104131
  // sass-lint:disable-all
104131
104132
  min-height: 350px !important;
104132
- min-width: 350px !important;
104133
- visibility: hidden;
104133
+ min-width: 320px !important;
104134
104134
  // sass-lint:enable-all
104135
104135
  }
104136
104136
 
package/SCSS-Themes/fabric.scss CHANGED
@@ -65465,6 +65465,7 @@ $de-column-presets-font-size: 60px !default;
65465
65465
  .e-de-multi-cmt-mark::before {
65466
65466
  content: '\e97e';
65467
65467
  font-family: 'e-icons';
65468
+ font-size: 14px;
65468
65469
  }
65469
65470
 
65470
65471
  .e-de-cmt-post::before {
@@ -71749,7 +71750,7 @@ $group-droparea-hover-color: $active-font-color !default;
71749
71750
  $group-header-hover-color: $header-font-color !default;
71750
71751
  $group-row-bg-stcolor: #ececec !default;
71751
71752
  $grid-group-clone-text-align: center !default;
71752
- $grid-group-unpgroupicon-margin-top: 0 !default;
71753
+ $grid-group-unpgroupicon-padding-top: 0 !default;
71753
71754
  $grid-ungroup-rtl-padding-right: 6px !default;
71754
71755
  $filter-text-color: $content-font-color !default;
71755
71756
  $grid-wrap-line-height: 18px !default;
@@ -71826,7 +71827,6 @@ $grid-bigger-groupedcell-padding: 11px 11px 12px !default;
71826
71827
  $grid-bigger-group-clone-padding: 6px !default;
71827
71828
  $grid-bigger-grouptext-width: 76px !default;
71828
71829
  $grid-bigger-group-text-line-height: 32px !default;
71829
- $grid-bigger-rtl-ungroup-icon-margin-top: 0 !default;
71830
71830
  $grid-bigger-columnchooser-header-padding: 24px 24px 38px !default;
71831
71831
  $grid-bigger-columnchooser-ul-padding: 0 !default;
71832
71832
  $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
@@ -72200,6 +72200,7 @@ $grid-bigger-clone-padding: $grid-clone-padding !default;
72200
72200
  $grid-bigger-draganddrop-clone-padding: $grid-clone-padding !default;
72201
72201
  $grouped-bigger-text-font-size: $grouped-text-font-size !default;
72202
72202
  $grid-bigger-ungroupbutton-icon-margin-right: 0 !default;
72203
+ $grid-bigger-ungroupbutton-icon-padding-top: 0 !default;
72203
72204
  $grid-bigger-font-size: $grid-font-size !default;
72204
72205
  $grid-rtl-bigger-rightalign-fltrdiv-margin: $grid-rtl-bigger-fltrdiv-margin !default;
72205
72206
  $grid-bigger-rtl-ungroup-icon-margin-left: 0 !default;
@@ -72950,6 +72951,7 @@ $grid-dropitems-count-margin-left: -8px !default;
72950
72951
  margin-left: $grid-bigger-ungroupbutton-icon-margin-left;
72951
72952
  margin-top: $grid-bigger-ungroupbutton-icon-margin-top;
72952
72953
  margin-right: $grid-bigger-ungroupbutton-icon-margin-right;
72954
+ padding-top: $grid-bigger-ungroupbutton-icon-padding-top;
72953
72955
  @if $grid-skin == 'fluent' {
72954
72956
  padding: 0 4px;
72955
72957
  }
@@ -73006,9 +73008,12 @@ $grid-dropitems-count-margin-left: -8px !default;
73006
73008
  &.e-rtl span.e-ungroupbutton.e-icons {
73007
73009
  margin-left: $grid-bigger-rtl-ungroup-icon-margin-left;
73008
73010
  margin-right: $grid-bigger-rtl-ungroup-icon-margin-right;
73009
- margin-top: $grid-bigger-rtl-ungroup-icon-margin-top;
73010
- padding-top: $grid-ungroup-rtl-padding-top;
73011
+ margin-top: $grid-bigger-sorticon-margin-top;
73011
73012
  padding-left: $grid-ungroup-rtl-padding-left;
73013
+ @if $grid-skin == 'fluent' {
73014
+ margin-top: 0;
73015
+ padding: 0 4px;
73016
+ }
73012
73017
  }
73013
73018
 
73014
73019
  .e-groupcaption {
@@ -74833,14 +74838,9 @@ $grid-dropitems-count-margin-left: -8px !default;
74833
74838
 
74834
74839
  span.e-ungroupbutton.e-icons {
74835
74840
  margin-left: $group-unpgrouicon-margin-left;
74836
- margin-top: $grid-group-unpgroupicon-margin-top;
74841
+ margin-top: $group-sorticon-margin-top;
74842
+ padding-top: $grid-group-unpgroupicon-padding-top;
74837
74843
  padding-right: $grid-group-unpgroupicon-padding-right;
74838
- @if $grid-skin == 'bootstrap4' {
74839
- padding-top: 4px;
74840
- }
74841
- @else if $grid-skin == 'tailwind' {
74842
- padding-top: 1px;
74843
- }
74844
74844
  }
74845
74845
 
74846
74846
  span.e-ungroupbutton.e-icons:hover {
@@ -99625,6 +99625,7 @@ $field-list-adaptive-outerdiv-height: 166px !default;
99625
99625
 
99626
99626
  .e-field-name-title {
99627
99627
  flex: none;
99628
+ white-space: pre;
99628
99629
  }
99629
99630
 
99630
99631
  .e-field-name-content {
@@ -103882,8 +103883,7 @@ $pivotpager-single-size-title-padding: 4px !default;
103882
103883
  .e-olap-editor-dialog {
103883
103884
  // sass-lint:disable-all
103884
103885
  min-height: 350px !important;
103885
- min-width: 350px !important;
103886
- visibility: hidden;
103886
+ min-width: 320px !important;
103887
103887
  // sass-lint:enable-all
103888
103888
  }
103889
103889
 
package/SCSS-Themes/fluent-dark.scss CHANGED
@@ -66187,6 +66187,7 @@ $de-column-presets-font-size: $text-6xl !default;
66187
66187
  .e-de-multi-cmt-mark::before {
66188
66188
  content: '\e8bc';
66189
66189
  font-family: 'e-icons';
66190
+ font-size: 14px;
66190
66191
  }
66191
66192
 
66192
66193
  .e-de-cmt-post::before {
@@ -72710,7 +72711,6 @@ $grid-bigger-group-text-line-height: .2em !default;
72710
72711
  $grid-bigger-groupcaption-line-height: 16px !default;
72711
72712
  $grid-bigger-rtl-group-headercell-margin: 6px 8px 6px 0 !default;
72712
72713
  $grid-bigger-rtl-group-headercell-padding: 4px 6px 4px 9px !default;
72713
- $grid-bigger-rtl-ungroup-icon-margin-top: -4px !default;
72714
72714
  $grid-bigger-rtl-ungroup-icon-margin-right: -6px !default;
72715
72715
  $grid-bigger-textwrap-srotnumber-rightalign-margin: 3px 2px 0 5px !default;
72716
72716
  $grid-bigger-textwrap-sorticon-rightalign-margin: -9px 5px !default;
@@ -72850,14 +72850,14 @@ $grid-rowcell-both-border-width: 1px 0 0 1px !default;
72850
72850
  $grid-indentcell-border-width: 0 1px 0 0 !default;
72851
72851
  $grid-group-right-arrow-icon-font-size: $text-base !default;
72852
72852
  $grid-group-right-arrow-icon-padding: 8px 7px 11px 7px !default;
72853
- $grid-group-unpgroupicon-margin-top: 1px !default;
72853
+ $grid-group-unpgroupicon-padding-top: 8px !default;
72854
72854
  $grid-summary-cell-line-height: 14px !default;
72855
72855
  $grid-edit-input-padding-bottom: 1px !default;
72856
72856
  $grid-edit-input-padding-top: 2px !default;
72857
72857
  $grid-edit-input-margin: 2px !default;
72858
72858
  $grid-edit-cell-padding: 2px !default;
72859
72859
  $grid-group-height: 44px !default;
72860
- $grid-ungroup-rtl-padding-top: 4px !default;
72860
+ $grid-ungroup-rtl-padding-top: 8px !default;
72861
72861
  $grid-rtl-group-headercell-margin-right: 4px !default;
72862
72862
  $grid-rtl-group-headercell-margin-left: 0 !default;
72863
72863
  $grid-fltr-rtl-sortnumber-margin: 2px 0 0 15px !default;
@@ -73029,6 +73029,7 @@ $grid-bigger-clone-padding: 3px 0 0 8px !default;
73029
73029
  $grid-bigger-draganddrop-clone-padding: 3px 0 0 8px !default;
73030
73030
  $grouped-bigger-text-font-size: $text-base !default;
73031
73031
  $grid-bigger-ungroupbutton-icon-margin-right: 4px !default;
73032
+ $grid-bigger-ungroupbutton-icon-padding-top: 0 !default;
73032
73033
  $grid-bigger-font-size: $text-base !default;
73033
73034
  $grid-rtl-bigger-rightalign-fltrdiv-margin: -23px 0 -18px -42px !default;
73034
73035
  $grid-bigger-rtl-ungroup-icon-margin-left: -9px !default;
@@ -73769,6 +73770,7 @@ $grid-dropitems-count-margin-left: -8px !default;
73769
73770
  margin-left: $grid-bigger-ungroupbutton-icon-margin-left;
73770
73771
  margin-top: $grid-bigger-ungroupbutton-icon-margin-top;
73771
73772
  margin-right: $grid-bigger-ungroupbutton-icon-margin-right;
73773
+ padding-top: $grid-bigger-ungroupbutton-icon-padding-top;
73772
73774
  @if $grid-skin == 'fluent' {
73773
73775
  padding: 0 4px;
73774
73776
  }
@@ -73825,9 +73827,12 @@ $grid-dropitems-count-margin-left: -8px !default;
73825
73827
  &.e-rtl span.e-ungroupbutton.e-icons {
73826
73828
  margin-left: $grid-bigger-rtl-ungroup-icon-margin-left;
73827
73829
  margin-right: $grid-bigger-rtl-ungroup-icon-margin-right;
73828
- margin-top: $grid-bigger-rtl-ungroup-icon-margin-top;
73829
- padding-top: $grid-ungroup-rtl-padding-top;
73830
+ margin-top: $grid-bigger-sorticon-margin-top;
73830
73831
  padding-left: $grid-ungroup-rtl-padding-left;
73832
+ @if $grid-skin == 'fluent' {
73833
+ margin-top: 0;
73834
+ padding: 0 4px;
73835
+ }
73831
73836
  }
73832
73837
 
73833
73838
  .e-groupcaption {
@@ -75652,14 +75657,9 @@ $grid-dropitems-count-margin-left: -8px !default;
75652
75657
 
75653
75658
  span.e-ungroupbutton.e-icons {
75654
75659
  margin-left: $group-unpgrouicon-margin-left;
75655
- margin-top: $grid-group-unpgroupicon-margin-top;
75660
+ margin-top: $group-sorticon-margin-top;
75661
+ padding-top: $grid-group-unpgroupicon-padding-top;
75656
75662
  padding-right: $grid-group-unpgroupicon-padding-right;
75657
- @if $grid-skin == 'bootstrap4' {
75658
- padding-top: 4px;
75659
- }
75660
- @else if $grid-skin == 'tailwind' {
75661
- padding-top: 1px;
75662
- }
75663
75663
  }
75664
75664
 
75665
75665
  span.e-ungroupbutton.e-icons:hover {
@@ -100496,6 +100496,7 @@ $field-list-adaptive-outerdiv-height: 125px !default;
100496
100496
 
100497
100497
  .e-field-name-title {
100498
100498
  flex: none;
100499
+ white-space: pre;
100499
100500
  }
100500
100501
 
100501
100502
  .e-field-name-content {
@@ -104758,8 +104759,7 @@ $pivotpager-single-size-title-padding: 8px !default;
104758
104759
  .e-olap-editor-dialog {
104759
104760
  // sass-lint:disable-all
104760
104761
  min-height: 350px !important;
104761
- min-width: 350px !important;
104762
- visibility: hidden;
104762
+ min-width: 320px !important;
104763
104763
  // sass-lint:enable-all
104764
104764
  }
104765
104765
 
package/SCSS-Themes/fluent.scss CHANGED
@@ -66188,6 +66188,7 @@ $de-column-presets-font-size: $text-6xl !default;
66188
66188
  .e-de-multi-cmt-mark::before {
66189
66189
  content: '\e8bc';
66190
66190
  font-family: 'e-icons';
66191
+ font-size: 14px;
66191
66192
  }
66192
66193
 
66193
66194
  .e-de-cmt-post::before {
@@ -72711,7 +72712,6 @@ $grid-bigger-group-text-line-height: .2em !default;
72711
72712
  $grid-bigger-groupcaption-line-height: 16px !default;
72712
72713
  $grid-bigger-rtl-group-headercell-margin: 6px 8px 6px 0 !default;
72713
72714
  $grid-bigger-rtl-group-headercell-padding: 4px 6px 4px 9px !default;
72714
- $grid-bigger-rtl-ungroup-icon-margin-top: -4px !default;
72715
72715
  $grid-bigger-rtl-ungroup-icon-margin-right: -6px !default;
72716
72716
  $grid-bigger-textwrap-srotnumber-rightalign-margin: 3px 2px 0 5px !default;
72717
72717
  $grid-bigger-textwrap-sorticon-rightalign-margin: -9px 5px !default;
@@ -72851,14 +72851,14 @@ $grid-rowcell-both-border-width: 1px 0 0 1px !default;
72851
72851
  $grid-indentcell-border-width: 0 1px 0 0 !default;
72852
72852
  $grid-group-right-arrow-icon-font-size: $text-base !default;
72853
72853
  $grid-group-right-arrow-icon-padding: 8px 7px 11px 7px !default;
72854
- $grid-group-unpgroupicon-margin-top: 1px !default;
72854
+ $grid-group-unpgroupicon-padding-top: 8px !default;
72855
72855
  $grid-summary-cell-line-height: 14px !default;
72856
72856
  $grid-edit-input-padding-bottom: 1px !default;
72857
72857
  $grid-edit-input-padding-top: 2px !default;
72858
72858
  $grid-edit-input-margin: 2px !default;
72859
72859
  $grid-edit-cell-padding: 2px !default;
72860
72860
  $grid-group-height: 44px !default;
72861
- $grid-ungroup-rtl-padding-top: 4px !default;
72861
+ $grid-ungroup-rtl-padding-top: 8px !default;
72862
72862
  $grid-rtl-group-headercell-margin-right: 4px !default;
72863
72863
  $grid-rtl-group-headercell-margin-left: 0 !default;
72864
72864
  $grid-fltr-rtl-sortnumber-margin: 2px 0 0 15px !default;
@@ -73030,6 +73030,7 @@ $grid-bigger-clone-padding: 3px 0 0 8px !default;
73030
73030
  $grid-bigger-draganddrop-clone-padding: 3px 0 0 8px !default;
73031
73031
  $grouped-bigger-text-font-size: $text-base !default;
73032
73032
  $grid-bigger-ungroupbutton-icon-margin-right: 4px !default;
73033
+ $grid-bigger-ungroupbutton-icon-padding-top: 0 !default;
73033
73034
  $grid-bigger-font-size: $text-base !default;
73034
73035
  $grid-rtl-bigger-rightalign-fltrdiv-margin: -23px 0 -18px -42px !default;
73035
73036
  $grid-bigger-rtl-ungroup-icon-margin-left: -9px !default;
@@ -73770,6 +73771,7 @@ $grid-dropitems-count-margin-left: -8px !default;
73770
73771
  margin-left: $grid-bigger-ungroupbutton-icon-margin-left;
73771
73772
  margin-top: $grid-bigger-ungroupbutton-icon-margin-top;
73772
73773
  margin-right: $grid-bigger-ungroupbutton-icon-margin-right;
73774
+ padding-top: $grid-bigger-ungroupbutton-icon-padding-top;
73773
73775
  @if $grid-skin == 'fluent' {
73774
73776
  padding: 0 4px;
73775
73777
  }
@@ -73826,9 +73828,12 @@ $grid-dropitems-count-margin-left: -8px !default;
73826
73828
  &.e-rtl span.e-ungroupbutton.e-icons {
73827
73829
  margin-left: $grid-bigger-rtl-ungroup-icon-margin-left;
73828
73830
  margin-right: $grid-bigger-rtl-ungroup-icon-margin-right;
73829
- margin-top: $grid-bigger-rtl-ungroup-icon-margin-top;
73830
- padding-top: $grid-ungroup-rtl-padding-top;
73831
+ margin-top: $grid-bigger-sorticon-margin-top;
73831
73832
  padding-left: $grid-ungroup-rtl-padding-left;
73833
+ @if $grid-skin == 'fluent' {
73834
+ margin-top: 0;
73835
+ padding: 0 4px;
73836
+ }
73832
73837
  }
73833
73838
 
73834
73839
  .e-groupcaption {
@@ -75653,14 +75658,9 @@ $grid-dropitems-count-margin-left: -8px !default;
75653
75658
 
75654
75659
  span.e-ungroupbutton.e-icons {
75655
75660
  margin-left: $group-unpgrouicon-margin-left;
75656
- margin-top: $grid-group-unpgroupicon-margin-top;
75661
+ margin-top: $group-sorticon-margin-top;
75662
+ padding-top: $grid-group-unpgroupicon-padding-top;
75657
75663
  padding-right: $grid-group-unpgroupicon-padding-right;
75658
- @if $grid-skin == 'bootstrap4' {
75659
- padding-top: 4px;
75660
- }
75661
- @else if $grid-skin == 'tailwind' {
75662
- padding-top: 1px;
75663
- }
75664
75664
  }
75665
75665
 
75666
75666
  span.e-ungroupbutton.e-icons:hover {
@@ -100497,6 +100497,7 @@ $field-list-adaptive-outerdiv-height: 125px !default;
100497
100497
 
100498
100498
  .e-field-name-title {
100499
100499
  flex: none;
100500
+ white-space: pre;
100500
100501
  }
100501
100502
 
100502
100503
  .e-field-name-content {
@@ -104759,8 +104760,7 @@ $pivotpager-single-size-title-padding: 8px !default;
104759
104760
  .e-olap-editor-dialog {
104760
104761
  // sass-lint:disable-all
104761
104762
  min-height: 350px !important;
104762
- min-width: 350px !important;
104763
- visibility: hidden;
104763
+ min-width: 320px !important;
104764
104764
  // sass-lint:enable-all
104765
104765
  }
104766
104766
 
package/SCSS-Themes/grids/grid/bootstrap-dark.scss CHANGED
@@ -137,7 +137,6 @@ $grid-bigger-group-text-line-height: 32px !default;
137
137
  $grid-bigger-groupcaption-line-height: 32px !default;
138
138
  $grid-bigger-rtl-group-headercell-margin: 3px 8px 0 0 !default;
139
139
  $grid-bigger-rtl-group-headercell-padding: 9px 0 4px 0 !default;
140
- $grid-bigger-rtl-ungroup-icon-margin-top: -4px !default;
141
140
  $grid-bigger-rtl-ungroup-icon-margin-right: -10px !default;
142
141
  $grid-bigger-textwrap-srotnumber-rightalign-margin: 3px 2px 0 5px !default;
143
142
  $grid-bigger-textwrap-sorticon-rightalign-margin: -9px 5px !default;
@@ -305,7 +304,7 @@ $grid-rowcell-both-border-width: 1px 0 0 1px !default;
305
304
  $grid-indentcell-border-width: 0 1px 0 0 !default;
306
305
  $grid-group-right-arrow-icon-font-size: 10px !default;
307
306
  $grid-group-right-arrow-icon-padding: 12px 9px 12px 10px !default;
308
- $grid-group-unpgroupicon-margin-top: 2px !default;
307
+ $grid-group-unpgroupicon-padding-top: 4px !default;
309
308
  $grid-summary-cell-line-height: 19px !default;
310
309
  $grid-batch-updated-bg-color: #d7f9c7 !default;
311
310
  $grid-val-error-color: #f44336 !default;
@@ -315,7 +314,7 @@ $grid-edit-input-padding-top: 2px !default;
315
314
  $grid-edit-input-margin: 2px !default;
316
315
  $grid-edit-cell-padding: 2px !default;
317
316
  $grid-group-height: 52px !default;
318
- $grid-ungroup-rtl-padding-top: 0 !default;
317
+ $grid-ungroup-rtl-padding-top: 4px !default;
319
318
  $grid-rtl-group-headercell-margin-right: 8px !default;
320
319
  $grid-rtl-group-headercell-margin-left: 0 !default;
321
320
  $grid-fltr-rtl-sortnumber-margin: 9px 0 0 9px !default;
@@ -509,6 +508,7 @@ $grid-bigger-clone-padding: $grid-clone-padding !default;
509
508
  $grid-bigger-draganddrop-clone-padding: 0 !default;
510
509
  $grouped-bigger-text-font-size: 16px !default;
511
510
  $grid-bigger-ungroupbutton-icon-margin-right: 0 !default;
511
+ $grid-bigger-ungroupbutton-icon-padding-top: 0 !default;
512
512
  $grid-bigger-font-size: $grid-font-size !default;
513
513
  $grid-rtl-bigger-rightalign-fltrdiv-margin: $grid-rtl-bigger-fltrdiv-margin !default;
514
514
  $grid-bigger-rtl-ungroup-icon-margin-left: 0 !default;
@@ -1259,6 +1259,7 @@ $grid-dropitems-count-margin-left: -8px !default;
1259
1259
  margin-left: $grid-bigger-ungroupbutton-icon-margin-left;
1260
1260
  margin-top: $grid-bigger-ungroupbutton-icon-margin-top;
1261
1261
  margin-right: $grid-bigger-ungroupbutton-icon-margin-right;
1262
+ padding-top: $grid-bigger-ungroupbutton-icon-padding-top;
1262
1263
  @if $grid-skin == 'fluent' {
1263
1264
  padding: 0 4px;
1264
1265
  }
@@ -1315,9 +1316,12 @@ $grid-dropitems-count-margin-left: -8px !default;
1315
1316
  &.e-rtl span.e-ungroupbutton.e-icons {
1316
1317
  margin-left: $grid-bigger-rtl-ungroup-icon-margin-left;
1317
1318
  margin-right: $grid-bigger-rtl-ungroup-icon-margin-right;
1318
- margin-top: $grid-bigger-rtl-ungroup-icon-margin-top;
1319
- padding-top: $grid-ungroup-rtl-padding-top;
1319
+ margin-top: $grid-bigger-sorticon-margin-top;
1320
1320
  padding-left: $grid-ungroup-rtl-padding-left;
1321
+ @if $grid-skin == 'fluent' {
1322
+ margin-top: 0;
1323
+ padding: 0 4px;
1324
+ }
1321
1325
  }
1322
1326
 
1323
1327
  .e-groupcaption {
@@ -3142,14 +3146,9 @@ $grid-dropitems-count-margin-left: -8px !default;
3142
3146
 
3143
3147
  span.e-ungroupbutton.e-icons {
3144
3148
  margin-left: $group-unpgrouicon-margin-left;
3145
- margin-top: $grid-group-unpgroupicon-margin-top;
3149
+ margin-top: $group-sorticon-margin-top;
3150
+ padding-top: $grid-group-unpgroupicon-padding-top;
3146
3151
  padding-right: $grid-group-unpgroupicon-padding-right;
3147
- @if $grid-skin == 'bootstrap4' {
3148
- padding-top: 4px;
3149
- }
3150
- @else if $grid-skin == 'tailwind' {
3151
- padding-top: 1px;
3152
- }
3153
3152
  }
3154
3153
 
3155
3154
  span.e-ungroupbutton.e-icons:hover {
package/SCSS-Themes/grids/grid/bootstrap.scss CHANGED
@@ -144,7 +144,6 @@ $grid-bigger-group-text-line-height: 32px !default;
144
144
  $grid-bigger-groupcaption-line-height: 32px !default;
145
145
  $grid-bigger-rtl-group-headercell-margin: 3px 8px 0 0 !default;
146
146
  $grid-bigger-rtl-group-headercell-padding: 9px 0 4px 0 !default;
147
- $grid-bigger-rtl-ungroup-icon-margin-top: -4px !default;
148
147
  $grid-bigger-rtl-ungroup-icon-margin-right: -10px !default;
149
148
  $grid-bigger-textwrap-srotnumber-rightalign-margin: 3px 2px 0 5px !default;
150
149
  $grid-bigger-textwrap-sorticon-rightalign-margin: -9px 5px !default;
@@ -309,7 +308,7 @@ $grid-rowcell-both-border-width: 1px 0 0 1px !default;
309
308
  $grid-indentcell-border-width: 0 1px 0 0 !default;
310
309
  $grid-group-right-arrow-icon-font-size: 10px !default;
311
310
  $grid-group-right-arrow-icon-padding: 12px 9px 12px 10px !default;
312
- $grid-group-unpgroupicon-margin-top: 2px !default;
311
+ $grid-group-unpgroupicon-padding-top: 4px !default;
313
312
  $grid-summary-cell-line-height: 19px !default;
314
313
  $grid-batch-updated-bg-color: #d7f9c7 !default;
315
314
  $grid-val-error-color: #f44336 !default;
@@ -319,7 +318,7 @@ $grid-edit-input-padding-top: 2px !default;
319
318
  $grid-edit-input-margin: 2px !default;
320
319
  $grid-edit-cell-padding: 2px !default;
321
320
  $grid-group-height: 52px !default;
322
- $grid-ungroup-rtl-padding-top: 0 !default;
321
+ $grid-ungroup-rtl-padding-top: 4px !default;
323
322
  $grid-rtl-group-headercell-margin-right: 8px !default;
324
323
  $grid-rtl-group-headercell-margin-left: 0 !default;
325
324
  $grid-fltr-rtl-sortnumber-margin: 9px 0 0 9px !default;
@@ -511,6 +510,7 @@ $grid-bigger-clone-padding: $grid-clone-padding !default;
511
510
  $grid-bigger-draganddrop-clone-padding: $grid-clone-padding !default;
512
511
  $grouped-bigger-text-font-size: 16px !default;
513
512
  $grid-bigger-ungroupbutton-icon-margin-right: 0 !default;
513
+ $grid-bigger-ungroupbutton-icon-padding-top: 0 !default;
514
514
  $grid-bigger-font-size: $grid-font-size !default;
515
515
  $grid-rtl-bigger-rightalign-fltrdiv-margin: $grid-rtl-bigger-fltrdiv-margin !default;
516
516
  $grid-bigger-rtl-ungroup-icon-margin-left: 0 !default;
@@ -1261,6 +1261,7 @@ $grid-dropitems-count-margin-left: -8px !default;
1261
1261
  margin-left: $grid-bigger-ungroupbutton-icon-margin-left;
1262
1262
  margin-top: $grid-bigger-ungroupbutton-icon-margin-top;
1263
1263
  margin-right: $grid-bigger-ungroupbutton-icon-margin-right;
1264
+ padding-top: $grid-bigger-ungroupbutton-icon-padding-top;
1264
1265
  @if $grid-skin == 'fluent' {
1265
1266
  padding: 0 4px;
1266
1267
  }
@@ -1317,9 +1318,12 @@ $grid-dropitems-count-margin-left: -8px !default;
1317
1318
  &.e-rtl span.e-ungroupbutton.e-icons {
1318
1319
  margin-left: $grid-bigger-rtl-ungroup-icon-margin-left;
1319
1320
  margin-right: $grid-bigger-rtl-ungroup-icon-margin-right;
1320
- margin-top: $grid-bigger-rtl-ungroup-icon-margin-top;
1321
- padding-top: $grid-ungroup-rtl-padding-top;
1321
+ margin-top: $grid-bigger-sorticon-margin-top;
1322
1322
  padding-left: $grid-ungroup-rtl-padding-left;
1323
+ @if $grid-skin == 'fluent' {
1324
+ margin-top: 0;
1325
+ padding: 0 4px;
1326
+ }
1323
1327
  }
1324
1328
 
1325
1329
  .e-groupcaption {
@@ -3144,14 +3148,9 @@ $grid-dropitems-count-margin-left: -8px !default;
3144
3148
 
3145
3149
  span.e-ungroupbutton.e-icons {
3146
3150
  margin-left: $group-unpgrouicon-margin-left;
3147
- margin-top: $grid-group-unpgroupicon-margin-top;
3151
+ margin-top: $group-sorticon-margin-top;
3152
+ padding-top: $grid-group-unpgroupicon-padding-top;
3148
3153
  padding-right: $grid-group-unpgroupicon-padding-right;
3149
- @if $grid-skin == 'bootstrap4' {
3150
- padding-top: 4px;
3151
- }
3152
- @else if $grid-skin == 'tailwind' {
3153
- padding-top: 1px;
3154
- }
3155
3154
  }
3156
3155
 
3157
3156
  span.e-ungroupbutton.e-icons:hover {
package/SCSS-Themes/grids/grid/bootstrap4.scss CHANGED
@@ -142,7 +142,6 @@ $grid-bigger-group-text-line-height: 3px !default;
142
142
  $grid-bigger-groupcaption-line-height: 32px !default;
143
143
  $grid-bigger-rtl-group-headercell-margin: 14px 9px 0 0 !default;
144
144
  $grid-bigger-rtl-group-headercell-padding: 6px 6px 4px 9px !default;
145
- $grid-bigger-rtl-ungroup-icon-margin-top: 3px !default;
146
145
  $grid-bigger-rtl-ungroup-icon-margin-right: -15px !default;
147
146
  $grid-bigger-textwrap-srotnumber-rightalign-margin: 3px 2px 0 5px !default;
148
147
  $grid-bigger-textwrap-sorticon-rightalign-margin: -9px 5px !default;
@@ -310,7 +309,7 @@ $grid-rowcell-both-border-width: 1px 0 0 1px !default;
310
309
  $grid-indentcell-border-width: 0 1px 0 0 !default;
311
310
  $grid-group-right-arrow-icon-font-size: 10px !default;
312
311
  $grid-group-right-arrow-icon-padding: 12px 9px 12px 10px !default;
313
- $grid-group-unpgroupicon-margin-top: 0 !default;
312
+ $grid-group-unpgroupicon-padding-top: 4px !default;
314
313
  $grid-summary-cell-line-height: 21px !default;
315
314
  $grid-batch-updated-bg-color: #dcfacf !default;
316
315
  $grid-val-error-color: #f44336 !default;
@@ -376,7 +375,7 @@ $group-collapse-icon-text-indent: 11px !default;
376
375
  $grid-bigger-grouparea-font-size: 16px !default;
377
376
  $grid-bigger-grouped-headercell-border-radius: 6px !default;
378
377
  $grid-bigger-groupedcell-icons-marign-left: -8px !default;
379
- $grid-bigger-ungroupbutton-icons-font-size: 12px !default;
378
+ $grid-bigger-ungroupbutton-icons-font-size: 16px !default;
380
379
  $grid-bigger-groupcell-span-padding: 8px 4px 10px 12px !default;
381
380
  $grid-device-grouped-headercell-span-padding: 0 4px 0 12px !default;
382
381
  $grid-bigger-ungroupbutton-icon-margin-left: -7px !default;
@@ -516,6 +515,7 @@ $grid-bigger-clone-padding: 2px 12px 1px !default;
516
515
  $grid-bigger-draganddrop-clone-padding: 2px 0 1px !default;
517
516
  $grouped-bigger-text-font-size: 14px !default;
518
517
  $grid-bigger-ungroupbutton-icon-margin-right: 8px !default;
518
+ $grid-bigger-ungroupbutton-icon-padding-top: 8px !default;
519
519
  $grid-bigger-font-size: 16px !default;
520
520
  $grid-rtl-bigger-rightalign-fltrdiv-margin: -20px 0 -18px -54px !default;
521
521
  $grid-bigger-rtl-ungroup-icon-margin-left: -9px !default;
@@ -1265,6 +1265,7 @@ $grid-dropitems-count-margin-left: -8px !default;
1265
1265
  margin-left: $grid-bigger-ungroupbutton-icon-margin-left;
1266
1266
  margin-top: $grid-bigger-ungroupbutton-icon-margin-top;
1267
1267
  margin-right: $grid-bigger-ungroupbutton-icon-margin-right;
1268
+ padding-top: $grid-bigger-ungroupbutton-icon-padding-top;
1268
1269
  @if $grid-skin == 'fluent' {
1269
1270
  padding: 0 4px;
1270
1271
  }
@@ -1321,9 +1322,12 @@ $grid-dropitems-count-margin-left: -8px !default;
1321
1322
  &.e-rtl span.e-ungroupbutton.e-icons {
1322
1323
  margin-left: $grid-bigger-rtl-ungroup-icon-margin-left;
1323
1324
  margin-right: $grid-bigger-rtl-ungroup-icon-margin-right;
1324
- margin-top: $grid-bigger-rtl-ungroup-icon-margin-top;
1325
- padding-top: $grid-ungroup-rtl-padding-top;
1325
+ margin-top: $grid-bigger-sorticon-margin-top;
1326
1326
  padding-left: $grid-ungroup-rtl-padding-left;
1327
+ @if $grid-skin == 'fluent' {
1328
+ margin-top: 0;
1329
+ padding: 0 4px;
1330
+ }
1327
1331
  }
1328
1332
 
1329
1333
  .e-groupcaption {
@@ -3148,14 +3152,9 @@ $grid-dropitems-count-margin-left: -8px !default;
3148
3152
 
3149
3153
  span.e-ungroupbutton.e-icons {
3150
3154
  margin-left: $group-unpgrouicon-margin-left;
3151
- margin-top: $grid-group-unpgroupicon-margin-top;
3155
+ margin-top: $group-sorticon-margin-top;
3156
+ padding-top: $grid-group-unpgroupicon-padding-top;
3152
3157
  padding-right: $grid-group-unpgroupicon-padding-right;
3153
- @if $grid-skin == 'bootstrap4' {
3154
- padding-top: 4px;
3155
- }
3156
- @else if $grid-skin == 'tailwind' {
3157
- padding-top: 1px;
3158
- }
3159
3158
  }
3160
3159
 
3161
3160
  span.e-ungroupbutton.e-icons:hover {
package/SCSS-Themes/grids/grid/bootstrap5-dark.scss CHANGED
@@ -137,7 +137,6 @@ $grid-bigger-group-text-line-height: 24px !default;
137
137
  $grid-bigger-groupcaption-line-height: 20px !default;
138
138
  $grid-bigger-rtl-group-headercell-margin: 8px 8px 0 0 !default;
139
139
  $grid-bigger-rtl-group-headercell-padding: 7px 6px 7px 9px !default;
140
- $grid-bigger-rtl-ungroup-icon-margin-top: 1px !default;
141
140
  $grid-bigger-rtl-ungroup-icon-margin-right: -12px !default;
142
141
  $grid-bigger-textwrap-srotnumber-rightalign-margin: 3px 2px 0 5px !default;
143
142
  $grid-bigger-textwrap-sorticon-rightalign-margin: -9px 5px !default;
@@ -305,7 +304,7 @@ $grid-rowcell-both-border-width: 1px 0 0 1px !default;
305
304
  $grid-indentcell-border-width: 0 1px 0 0 !default;
306
305
  $grid-group-right-arrow-icon-font-size: $text-sm !default;
307
306
  $grid-group-right-arrow-icon-padding: 11px 7px 12px 8px !default;
308
- $grid-group-unpgroupicon-margin-top: 2px !default;
307
+ $grid-group-unpgroupicon-padding-top: 2px !default;
309
308
  $grid-summary-cell-line-height: 14px !default;
310
309
  $grid-batch-updated-bg-color: $success-light !default;
311
310
  $grid-val-error-color: $danger !default;
@@ -315,7 +314,7 @@ $grid-edit-input-padding-top: 2px !default;
315
314
  $grid-edit-input-margin: 1px !default;
316
315
  $grid-edit-cell-padding: 2px !default;
317
316
  $grid-group-height: 36px !default;
318
- $grid-ungroup-rtl-padding-top: 0 !default;
317
+ $grid-ungroup-rtl-padding-top: 2px !default;
319
318
  $grid-rtl-group-headercell-margin-right: 5px !default;
320
319
  $grid-rtl-group-headercell-margin-left: 0 !default;
321
320
  $grid-fltr-rtl-sortnumber-margin: 1px 0 0 12px !default;
@@ -504,6 +503,7 @@ $grid-bigger-clone-padding: 3px 0 0 8px !default;
504
503
  $grid-bigger-draganddrop-clone-padding: 0 !default;
505
504
  $grouped-bigger-text-font-size: $text-base !default;
506
505
  $grid-bigger-ungroupbutton-icon-margin-right: 0 !default;
506
+ $grid-bigger-ungroupbutton-icon-padding-top: 0 !default;
507
507
  $grid-bigger-font-size: $text-base !default;
508
508
  $grid-rtl-bigger-rightalign-fltrdiv-margin: -14px 4px -14px -2px !default;
509
509
  $grid-bigger-rtl-ungroup-icon-margin-left: -8px !default;
@@ -1259,6 +1259,7 @@ $grid-dropitems-count-margin-left: -4px !default;
1259
1259
  margin-left: $grid-bigger-ungroupbutton-icon-margin-left;
1260
1260
  margin-top: $grid-bigger-ungroupbutton-icon-margin-top;
1261
1261
  margin-right: $grid-bigger-ungroupbutton-icon-margin-right;
1262
+ padding-top: $grid-bigger-ungroupbutton-icon-padding-top;
1262
1263
  @if $grid-skin == 'fluent' {
1263
1264
  padding: 0 4px;
1264
1265
  }
@@ -1315,9 +1316,12 @@ $grid-dropitems-count-margin-left: -4px !default;
1315
1316
  &.e-rtl span.e-ungroupbutton.e-icons {
1316
1317
  margin-left: $grid-bigger-rtl-ungroup-icon-margin-left;
1317
1318
  margin-right: $grid-bigger-rtl-ungroup-icon-margin-right;
1318
- margin-top: $grid-bigger-rtl-ungroup-icon-margin-top;
1319
- padding-top: $grid-ungroup-rtl-padding-top;
1319
+ margin-top: $grid-bigger-sorticon-margin-top;
1320
1320
  padding-left: $grid-ungroup-rtl-padding-left;
1321
+ @if $grid-skin == 'fluent' {
1322
+ margin-top: 0;
1323
+ padding: 0 4px;
1324
+ }
1321
1325
  }
1322
1326
 
1323
1327
  .e-groupcaption {
@@ -3142,14 +3146,9 @@ $grid-dropitems-count-margin-left: -4px !default;
3142
3146
 
3143
3147
  span.e-ungroupbutton.e-icons {
3144
3148
  margin-left: $group-unpgrouicon-margin-left;
3145
- margin-top: $grid-group-unpgroupicon-margin-top;
3149
+ margin-top: $group-sorticon-margin-top;
3150
+ padding-top: $grid-group-unpgroupicon-padding-top;
3146
3151
  padding-right: $grid-group-unpgroupicon-padding-right;
3147
- @if $grid-skin == 'bootstrap4' {
3148
- padding-top: 4px;
3149
- }
3150
- @else if $grid-skin == 'tailwind' {
3151
- padding-top: 1px;
3152
- }
3153
3152
  }
3154
3153
 
3155
3154
  span.e-ungroupbutton.e-icons:hover {