@syncfusion/blazor-themes 23.1.42 → 23.1.43

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 (65) hide show
  1. package/SCSS-Themes/bootstrap-dark.scss +18 -16
  2. package/SCSS-Themes/bootstrap.scss +18 -16
  3. package/SCSS-Themes/bootstrap4.scss +18 -16
  4. package/SCSS-Themes/bootstrap5-dark.scss +18 -16
  5. package/SCSS-Themes/bootstrap5.scss +18 -16
  6. package/SCSS-Themes/fabric-dark.scss +19 -17
  7. package/SCSS-Themes/fabric.scss +19 -17
  8. package/SCSS-Themes/filemanager/file-manager/bootstrap-dark.scss +10 -0
  9. package/SCSS-Themes/filemanager/file-manager/bootstrap.scss +10 -0
  10. package/SCSS-Themes/filemanager/file-manager/bootstrap4.scss +10 -0
  11. package/SCSS-Themes/filemanager/file-manager/bootstrap5-dark.scss +10 -0
  12. package/SCSS-Themes/filemanager/file-manager/bootstrap5.scss +10 -0
  13. package/SCSS-Themes/filemanager/file-manager/fabric-dark.scss +10 -0
  14. package/SCSS-Themes/filemanager/file-manager/fabric.scss +10 -0
  15. package/SCSS-Themes/filemanager/file-manager/fluent-dark.scss +10 -0
  16. package/SCSS-Themes/filemanager/file-manager/fluent.scss +10 -0
  17. package/SCSS-Themes/filemanager/file-manager/highcontrast.scss +10 -0
  18. package/SCSS-Themes/filemanager/file-manager/material-dark.scss +10 -0
  19. package/SCSS-Themes/filemanager/file-manager/material.scss +10 -0
  20. package/SCSS-Themes/filemanager/file-manager/material3-dark.scss +10 -0
  21. package/SCSS-Themes/filemanager/file-manager/material3.scss +10 -0
  22. package/SCSS-Themes/filemanager/file-manager/tailwind-dark.scss +10 -0
  23. package/SCSS-Themes/filemanager/file-manager/tailwind.scss +10 -0
  24. package/SCSS-Themes/fluent-dark.scss +18 -16
  25. package/SCSS-Themes/fluent.scss +18 -16
  26. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +4 -13
  27. package/SCSS-Themes/grids/grid/bootstrap.scss +4 -13
  28. package/SCSS-Themes/grids/grid/bootstrap4.scss +4 -13
  29. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +4 -13
  30. package/SCSS-Themes/grids/grid/bootstrap5.scss +4 -13
  31. package/SCSS-Themes/grids/grid/fabric-dark.scss +5 -14
  32. package/SCSS-Themes/grids/grid/fabric.scss +5 -14
  33. package/SCSS-Themes/grids/grid/fluent-dark.scss +4 -13
  34. package/SCSS-Themes/grids/grid/fluent.scss +4 -13
  35. package/SCSS-Themes/grids/grid/highcontrast.scss +5 -14
  36. package/SCSS-Themes/grids/grid/material-dark.scss +5 -14
  37. package/SCSS-Themes/grids/grid/material.scss +5 -14
  38. package/SCSS-Themes/grids/grid/material3-dark.scss +4 -13
  39. package/SCSS-Themes/grids/grid/material3.scss +4 -13
  40. package/SCSS-Themes/grids/grid/tailwind-dark.scss +4 -13
  41. package/SCSS-Themes/grids/grid/tailwind.scss +4 -13
  42. package/SCSS-Themes/highcontrast.scss +19 -17
  43. package/SCSS-Themes/material-dark.scss +19 -17
  44. package/SCSS-Themes/material.scss +19 -17
  45. package/SCSS-Themes/material3-dark.scss +18 -16
  46. package/SCSS-Themes/material3.scss +18 -16
  47. package/SCSS-Themes/pivotview/pivotview/bootstrap-dark.scss +4 -3
  48. package/SCSS-Themes/pivotview/pivotview/bootstrap.scss +4 -3
  49. package/SCSS-Themes/pivotview/pivotview/bootstrap4.scss +4 -3
  50. package/SCSS-Themes/pivotview/pivotview/bootstrap5-dark.scss +4 -3
  51. package/SCSS-Themes/pivotview/pivotview/bootstrap5.scss +4 -3
  52. package/SCSS-Themes/pivotview/pivotview/fabric-dark.scss +4 -3
  53. package/SCSS-Themes/pivotview/pivotview/fabric.scss +4 -3
  54. package/SCSS-Themes/pivotview/pivotview/fluent-dark.scss +4 -3
  55. package/SCSS-Themes/pivotview/pivotview/fluent.scss +4 -3
  56. package/SCSS-Themes/pivotview/pivotview/highcontrast.scss +4 -3
  57. package/SCSS-Themes/pivotview/pivotview/material-dark.scss +4 -3
  58. package/SCSS-Themes/pivotview/pivotview/material.scss +4 -3
  59. package/SCSS-Themes/pivotview/pivotview/material3-dark.scss +4 -3
  60. package/SCSS-Themes/pivotview/pivotview/material3.scss +4 -3
  61. package/SCSS-Themes/pivotview/pivotview/tailwind-dark.scss +4 -3
  62. package/SCSS-Themes/pivotview/pivotview/tailwind.scss +4 -3
  63. package/SCSS-Themes/tailwind-dark.scss +18 -16
  64. package/SCSS-Themes/tailwind.scss +18 -16
  65. package/package.json +1 -1
@@ -75268,7 +75268,7 @@ $grid-animator-bigger-area-margin: 22px !default;
75268
75268
  $grid-group-animator-drop-height: 62px !default;
75269
75269
  $grid-group-animator-cell-margin: 12px 0 12px 0 !default;
75270
75270
  $grid-animtor-border-bottom-width: 1px !default;
75271
- $grid-animator-area-padding: 0 !default;
75271
+ $grid-animator-area-padding: 0 12px 0 !default;
75272
75272
  $grid-animtor-area-border-width: 1px !default;
75273
75273
  $grid-animator-area-border: 0 !default;
75274
75274
  $grid-animator-area-margin: 16px !default;
@@ -76690,7 +76690,7 @@ $grid-dropitems-count-margin-left: -8px !default;
76690
76690
 
76691
76691
  .e-bigger & .e-group-animator .e-groupheadercell,
76692
76692
  .e-bigger & .e-group-animator .e-groupheadercell:hover {
76693
- margin: $grid-group-animator-bigger-cell-margin;
76693
+ margin: $grid-group-animator-bigger-cell-margin;
76694
76694
  border-bottom-width: $grid-animtor-border-bottom-width;
76695
76695
  }
76696
76696
 
@@ -76710,7 +76710,7 @@ $grid-dropitems-count-margin-left: -8px !default;
76710
76710
 
76711
76711
  & .e-group-animator .e-groupheadercell,
76712
76712
  & .e-group-animator .e-groupheadercell:hover {
76713
- margin: $grid-group-animator-cell-margin;
76713
+ margin: $grid-group-animator-cell-margin;
76714
76714
  border-bottom-width: $grid-animtor-border-bottom-width;
76715
76715
  }
76716
76716
 
@@ -76719,9 +76719,8 @@ $grid-dropitems-count-margin-left: -8px !default;
76719
76719
  }
76720
76720
 
76721
76721
  & .e-groupdroparea.e-group-animate.e-grouped {
76722
- overflow: hidden;
76723
76722
  padding: $grid-animator-area-padding;
76724
- height: $grid-group-animator-drop-height;
76723
+ height: auto;
76725
76724
  border-bottom-width: $grid-animator-area-border;
76726
76725
  }
76727
76726
 
@@ -76739,14 +76738,6 @@ $grid-dropitems-count-margin-left: -8px !default;
76739
76738
  margin-top: $grid-animator-margin-top-rtl;
76740
76739
  }
76741
76740
 
76742
- &.e-rtl .e-group-animator:first-child .e-groupheadercell {
76743
- margin: $grid-animator-rtl-first-group;
76744
- }
76745
-
76746
- & .e-group-animator:first-child .e-groupheadercell {
76747
- margin: $grid-animator-first-group;
76748
- }
76749
-
76750
76741
  .e-group-animate.e-groupdroparea .e-nextgroup {
76751
76742
  margin-top: $grid-animator-area-margin;
76752
76743
  }
@@ -82575,6 +82566,11 @@ $fe-lg-icon-empty-inner-content-text-align: center !default;
82575
82566
  .e-rcursor {
82576
82567
  border: 0;
82577
82568
  }
82569
+
82570
+ @if $fm-skin-name == 'fabric' or $fm-skin-name == 'fabric-dark' {
82571
+ padding: 5px 8px;
82572
+ line-height: 16px;
82573
+ }
82578
82574
  }
82579
82575
 
82580
82576
  @include visibility(hidden);
@@ -82625,6 +82621,11 @@ $fe-lg-icon-empty-inner-content-text-align: center !default;
82625
82621
  line-height: 20px;
82626
82622
  }
82627
82623
  }
82624
+
82625
+ @if $fm-skin-name == 'fabric' or $fm-skin-name == 'fabric-dark' {
82626
+ padding: 10px 8px;
82627
+ line-height: 16px;
82628
+ }
82628
82629
  }
82629
82630
 
82630
82631
  tr.e-row.e-fe-drop-folder .e-rowcell:first-child {
@@ -109724,9 +109725,10 @@ $pivotpager-single-size-title-padding: 8px !default;
109724
109725
  border-bottom-color: $border-light;
109725
109726
  }
109726
109727
 
109727
- table th[rowspan = '1'] {
109728
- padding-bottom: 0;
109729
- padding-top: 0;
109728
+ table th[rowspan = '1'],
109729
+ table th:not([rowspan]) {
109730
+ padding-bottom: 0 !important;
109731
+ padding-top: 0 !important;
109730
109732
  vertical-align: middle;
109731
109733
  }
109732
109734
  }
@@ -74982,7 +74982,7 @@ $grid-animator-bigger-area-margin: 22px !default;
74982
74982
  $grid-group-animator-drop-height: 64px !default;
74983
74983
  $grid-group-animator-cell-margin: 13px 0 13px 0 !default;
74984
74984
  $grid-animtor-border-bottom-width: 1px !default;
74985
- $grid-animator-area-padding: 0 !default;
74985
+ $grid-animator-area-padding: 0 13px 0 !default;
74986
74986
  $grid-animtor-area-border-width: 1px !default;
74987
74987
  $grid-animator-area-border: 0 !default;
74988
74988
  $grid-animator-area-margin: 18px !default;
@@ -76404,7 +76404,7 @@ $grid-dropitems-count-margin-left: -8px !default;
76404
76404
 
76405
76405
  .e-bigger & .e-group-animator .e-groupheadercell,
76406
76406
  .e-bigger & .e-group-animator .e-groupheadercell:hover {
76407
- margin: $grid-group-animator-bigger-cell-margin;
76407
+ margin: $grid-group-animator-bigger-cell-margin;
76408
76408
  border-bottom-width: $grid-animtor-border-bottom-width;
76409
76409
  }
76410
76410
 
@@ -76424,7 +76424,7 @@ $grid-dropitems-count-margin-left: -8px !default;
76424
76424
 
76425
76425
  & .e-group-animator .e-groupheadercell,
76426
76426
  & .e-group-animator .e-groupheadercell:hover {
76427
- margin: $grid-group-animator-cell-margin;
76427
+ margin: $grid-group-animator-cell-margin;
76428
76428
  border-bottom-width: $grid-animtor-border-bottom-width;
76429
76429
  }
76430
76430
 
@@ -76433,9 +76433,8 @@ $grid-dropitems-count-margin-left: -8px !default;
76433
76433
  }
76434
76434
 
76435
76435
  & .e-groupdroparea.e-group-animate.e-grouped {
76436
- overflow: hidden;
76437
76436
  padding: $grid-animator-area-padding;
76438
- height: $grid-group-animator-drop-height;
76437
+ height: auto;
76439
76438
  border-bottom-width: $grid-animator-area-border;
76440
76439
  }
76441
76440
 
@@ -76453,14 +76452,6 @@ $grid-dropitems-count-margin-left: -8px !default;
76453
76452
  margin-top: $grid-animator-margin-top-rtl;
76454
76453
  }
76455
76454
 
76456
- &.e-rtl .e-group-animator:first-child .e-groupheadercell {
76457
- margin: $grid-animator-rtl-first-group;
76458
- }
76459
-
76460
- & .e-group-animator:first-child .e-groupheadercell {
76461
- margin: $grid-animator-first-group;
76462
- }
76463
-
76464
76455
  .e-group-animate.e-groupdroparea .e-nextgroup {
76465
76456
  margin-top: $grid-animator-area-margin;
76466
76457
  }
@@ -82290,6 +82281,11 @@ $fe-lg-icon-empty-inner-content-text-align: center !default;
82290
82281
  .e-rcursor {
82291
82282
  border: 0;
82292
82283
  }
82284
+
82285
+ @if $fm-skin-name == 'fabric' or $fm-skin-name == 'fabric-dark' {
82286
+ padding: 5px 8px;
82287
+ line-height: 16px;
82288
+ }
82293
82289
  }
82294
82290
 
82295
82291
  @include visibility(hidden);
@@ -82340,6 +82336,11 @@ $fe-lg-icon-empty-inner-content-text-align: center !default;
82340
82336
  line-height: 20px;
82341
82337
  }
82342
82338
  }
82339
+
82340
+ @if $fm-skin-name == 'fabric' or $fm-skin-name == 'fabric-dark' {
82341
+ padding: 10px 8px;
82342
+ line-height: 16px;
82343
+ }
82343
82344
  }
82344
82345
 
82345
82346
  tr.e-row.e-fe-drop-folder .e-rowcell:first-child {
@@ -109470,9 +109471,10 @@ $pivotpager-single-size-title-padding: 8px !default;
109470
109471
  border-bottom-color: $border-light;
109471
109472
  }
109472
109473
 
109473
- table th[rowspan = '1'] {
109474
- padding-bottom: 0;
109475
- padding-top: 0;
109474
+ table th[rowspan = '1'],
109475
+ table th:not([rowspan]) {
109476
+ padding-bottom: 0 !important;
109477
+ padding-top: 0 !important;
109476
109478
  vertical-align: middle;
109477
109479
  }
109478
109480
  }
@@ -75170,7 +75170,7 @@ $grid-animator-bigger-area-margin: 22px !default;
75170
75170
  $grid-group-animator-drop-height: 48px !default;
75171
75171
  $grid-group-animator-cell-margin: 12px 0 12px 0 !default;
75172
75172
  $grid-animtor-border-bottom-width: 1px !default;
75173
- $grid-animator-area-padding: 0 !default;
75173
+ $grid-animator-area-padding: 0 12px 0 !default;
75174
75174
  $grid-animtor-area-border-width: 1px !default;
75175
75175
  $grid-animator-area-border: 0 !default;
75176
75176
  $grid-animator-area-margin: 9px !default;
@@ -76592,7 +76592,7 @@ $grid-dropitems-count-margin-left: -8px !default;
76592
76592
 
76593
76593
  .e-bigger & .e-group-animator .e-groupheadercell,
76594
76594
  .e-bigger & .e-group-animator .e-groupheadercell:hover {
76595
- margin: $grid-group-animator-bigger-cell-margin;
76595
+ margin: $grid-group-animator-bigger-cell-margin;
76596
76596
  border-bottom-width: $grid-animtor-border-bottom-width;
76597
76597
  }
76598
76598
 
@@ -76612,7 +76612,7 @@ $grid-dropitems-count-margin-left: -8px !default;
76612
76612
 
76613
76613
  & .e-group-animator .e-groupheadercell,
76614
76614
  & .e-group-animator .e-groupheadercell:hover {
76615
- margin: $grid-group-animator-cell-margin;
76615
+ margin: $grid-group-animator-cell-margin;
76616
76616
  border-bottom-width: $grid-animtor-border-bottom-width;
76617
76617
  }
76618
76618
 
@@ -76621,9 +76621,8 @@ $grid-dropitems-count-margin-left: -8px !default;
76621
76621
  }
76622
76622
 
76623
76623
  & .e-groupdroparea.e-group-animate.e-grouped {
76624
- overflow: hidden;
76625
76624
  padding: $grid-animator-area-padding;
76626
- height: $grid-group-animator-drop-height;
76625
+ height: auto;
76627
76626
  border-bottom-width: $grid-animator-area-border;
76628
76627
  }
76629
76628
 
@@ -76641,14 +76640,6 @@ $grid-dropitems-count-margin-left: -8px !default;
76641
76640
  margin-top: $grid-animator-margin-top-rtl;
76642
76641
  }
76643
76642
 
76644
- &.e-rtl .e-group-animator:first-child .e-groupheadercell {
76645
- margin: $grid-animator-rtl-first-group;
76646
- }
76647
-
76648
- & .e-group-animator:first-child .e-groupheadercell {
76649
- margin: $grid-animator-first-group;
76650
- }
76651
-
76652
76643
  .e-group-animate.e-groupdroparea .e-nextgroup {
76653
76644
  margin-top: $grid-animator-area-margin;
76654
76645
  }
@@ -82478,6 +82469,11 @@ $fe-lg-icon-empty-inner-content-text-align: center !default;
82478
82469
  .e-rcursor {
82479
82470
  border: 0;
82480
82471
  }
82472
+
82473
+ @if $fm-skin-name == 'fabric' or $fm-skin-name == 'fabric-dark' {
82474
+ padding: 5px 8px;
82475
+ line-height: 16px;
82476
+ }
82481
82477
  }
82482
82478
 
82483
82479
  @include visibility(hidden);
@@ -82528,6 +82524,11 @@ $fe-lg-icon-empty-inner-content-text-align: center !default;
82528
82524
  line-height: 20px;
82529
82525
  }
82530
82526
  }
82527
+
82528
+ @if $fm-skin-name == 'fabric' or $fm-skin-name == 'fabric-dark' {
82529
+ padding: 10px 8px;
82530
+ line-height: 16px;
82531
+ }
82531
82532
  }
82532
82533
 
82533
82534
  tr.e-row.e-fe-drop-folder .e-rowcell:first-child {
@@ -109844,9 +109845,10 @@ $pivotpager-single-size-title-padding: 8px !default;
109844
109845
  border-bottom-color: $border-light;
109845
109846
  }
109846
109847
 
109847
- table th[rowspan = '1'] {
109848
- padding-bottom: 0;
109849
- padding-top: 0;
109848
+ table th[rowspan = '1'],
109849
+ table th:not([rowspan]) {
109850
+ padding-bottom: 0 !important;
109851
+ padding-top: 0 !important;
109850
109852
  vertical-align: middle;
109851
109853
  }
109852
109854
  }
@@ -75527,7 +75527,7 @@ $grid-animator-bigger-area-margin: 22px !default;
75527
75527
  $grid-group-animator-drop-height: 48px !default;
75528
75528
  $grid-group-animator-cell-margin: 12px 0 12px 0 !default;
75529
75529
  $grid-animtor-border-bottom-width: 1px !default;
75530
- $grid-animator-area-padding: 0 !default;
75530
+ $grid-animator-area-padding: 0 12px 0 !default;
75531
75531
  $grid-animtor-area-border-width: 1px !default;
75532
75532
  $grid-animator-area-border: 0 !default;
75533
75533
  $grid-animator-area-margin: 9px !default;
@@ -76955,7 +76955,7 @@ $grid-dropitems-count-margin-left: -4px !default;
76955
76955
 
76956
76956
  .e-bigger & .e-group-animator .e-groupheadercell,
76957
76957
  .e-bigger & .e-group-animator .e-groupheadercell:hover {
76958
- margin: $grid-group-animator-bigger-cell-margin;
76958
+ margin: $grid-group-animator-bigger-cell-margin;
76959
76959
  border-bottom-width: $grid-animtor-border-bottom-width;
76960
76960
  }
76961
76961
 
@@ -76975,7 +76975,7 @@ $grid-dropitems-count-margin-left: -4px !default;
76975
76975
 
76976
76976
  & .e-group-animator .e-groupheadercell,
76977
76977
  & .e-group-animator .e-groupheadercell:hover {
76978
- margin: $grid-group-animator-cell-margin;
76978
+ margin: $grid-group-animator-cell-margin;
76979
76979
  border-bottom-width: $grid-animtor-border-bottom-width;
76980
76980
  }
76981
76981
 
@@ -76984,9 +76984,8 @@ $grid-dropitems-count-margin-left: -4px !default;
76984
76984
  }
76985
76985
 
76986
76986
  & .e-groupdroparea.e-group-animate.e-grouped {
76987
- overflow: hidden;
76988
76987
  padding: $grid-animator-area-padding;
76989
- height: $grid-group-animator-drop-height;
76988
+ height: auto;
76990
76989
  border-bottom-width: $grid-animator-area-border;
76991
76990
  }
76992
76991
 
@@ -77004,14 +77003,6 @@ $grid-dropitems-count-margin-left: -4px !default;
77004
77003
  margin-top: $grid-animator-margin-top-rtl;
77005
77004
  }
77006
77005
 
77007
- &.e-rtl .e-group-animator:first-child .e-groupheadercell {
77008
- margin: $grid-animator-rtl-first-group;
77009
- }
77010
-
77011
- & .e-group-animator:first-child .e-groupheadercell {
77012
- margin: $grid-animator-first-group;
77013
- }
77014
-
77015
77006
  .e-group-animate.e-groupdroparea .e-nextgroup {
77016
77007
  margin-top: $grid-animator-area-margin;
77017
77008
  }
@@ -82857,6 +82848,11 @@ $fe-drop-folder-bg-color: $primary !default;
82857
82848
  .e-rcursor {
82858
82849
  border: 0;
82859
82850
  }
82851
+
82852
+ @if $fm-skin-name == 'fabric' or $fm-skin-name == 'fabric-dark' {
82853
+ padding: 5px 8px;
82854
+ line-height: 16px;
82855
+ }
82860
82856
  }
82861
82857
 
82862
82858
  @include visibility(hidden);
@@ -82907,6 +82903,11 @@ $fe-drop-folder-bg-color: $primary !default;
82907
82903
  line-height: 20px;
82908
82904
  }
82909
82905
  }
82906
+
82907
+ @if $fm-skin-name == 'fabric' or $fm-skin-name == 'fabric-dark' {
82908
+ padding: 10px 8px;
82909
+ line-height: 16px;
82910
+ }
82910
82911
  }
82911
82912
 
82912
82913
  tr.e-row.e-fe-drop-folder .e-rowcell:first-child {
@@ -109986,9 +109987,10 @@ $pivotpager-single-size-title-padding: 8px !default;
109986
109987
  border-bottom-color: $border-light;
109987
109988
  }
109988
109989
 
109989
- table th[rowspan = '1'] {
109990
- padding-bottom: 0;
109991
- padding-top: 0;
109990
+ table th[rowspan = '1'],
109991
+ table th:not([rowspan]) {
109992
+ padding-bottom: 0 !important;
109993
+ padding-top: 0 !important;
109992
109994
  vertical-align: middle;
109993
109995
  }
109994
109996
  }
@@ -75527,7 +75527,7 @@ $grid-animator-bigger-area-margin: 22px !default;
75527
75527
  $grid-group-animator-drop-height: 48px !default;
75528
75528
  $grid-group-animator-cell-margin: 12px 0 12px 0 !default;
75529
75529
  $grid-animtor-border-bottom-width: 1px !default;
75530
- $grid-animator-area-padding: 0 !default;
75530
+ $grid-animator-area-padding: 0 12px 0 !default;
75531
75531
  $grid-animtor-area-border-width: 1px !default;
75532
75532
  $grid-animator-area-border: 0 !default;
75533
75533
  $grid-animator-area-margin: 9px !default;
@@ -76955,7 +76955,7 @@ $grid-dropitems-count-margin-left: -4px !default;
76955
76955
 
76956
76956
  .e-bigger & .e-group-animator .e-groupheadercell,
76957
76957
  .e-bigger & .e-group-animator .e-groupheadercell:hover {
76958
- margin: $grid-group-animator-bigger-cell-margin;
76958
+ margin: $grid-group-animator-bigger-cell-margin;
76959
76959
  border-bottom-width: $grid-animtor-border-bottom-width;
76960
76960
  }
76961
76961
 
@@ -76975,7 +76975,7 @@ $grid-dropitems-count-margin-left: -4px !default;
76975
76975
 
76976
76976
  & .e-group-animator .e-groupheadercell,
76977
76977
  & .e-group-animator .e-groupheadercell:hover {
76978
- margin: $grid-group-animator-cell-margin;
76978
+ margin: $grid-group-animator-cell-margin;
76979
76979
  border-bottom-width: $grid-animtor-border-bottom-width;
76980
76980
  }
76981
76981
 
@@ -76984,9 +76984,8 @@ $grid-dropitems-count-margin-left: -4px !default;
76984
76984
  }
76985
76985
 
76986
76986
  & .e-groupdroparea.e-group-animate.e-grouped {
76987
- overflow: hidden;
76988
76987
  padding: $grid-animator-area-padding;
76989
- height: $grid-group-animator-drop-height;
76988
+ height: auto;
76990
76989
  border-bottom-width: $grid-animator-area-border;
76991
76990
  }
76992
76991
 
@@ -77004,14 +77003,6 @@ $grid-dropitems-count-margin-left: -4px !default;
77004
77003
  margin-top: $grid-animator-margin-top-rtl;
77005
77004
  }
77006
77005
 
77007
- &.e-rtl .e-group-animator:first-child .e-groupheadercell {
77008
- margin: $grid-animator-rtl-first-group;
77009
- }
77010
-
77011
- & .e-group-animator:first-child .e-groupheadercell {
77012
- margin: $grid-animator-first-group;
77013
- }
77014
-
77015
77006
  .e-group-animate.e-groupdroparea .e-nextgroup {
77016
77007
  margin-top: $grid-animator-area-margin;
77017
77008
  }
@@ -82857,6 +82848,11 @@ $fe-drop-folder-bg-color: $primary !default;
82857
82848
  .e-rcursor {
82858
82849
  border: 0;
82859
82850
  }
82851
+
82852
+ @if $fm-skin-name == 'fabric' or $fm-skin-name == 'fabric-dark' {
82853
+ padding: 5px 8px;
82854
+ line-height: 16px;
82855
+ }
82860
82856
  }
82861
82857
 
82862
82858
  @include visibility(hidden);
@@ -82907,6 +82903,11 @@ $fe-drop-folder-bg-color: $primary !default;
82907
82903
  line-height: 20px;
82908
82904
  }
82909
82905
  }
82906
+
82907
+ @if $fm-skin-name == 'fabric' or $fm-skin-name == 'fabric-dark' {
82908
+ padding: 10px 8px;
82909
+ line-height: 16px;
82910
+ }
82910
82911
  }
82911
82912
 
82912
82913
  tr.e-row.e-fe-drop-folder .e-rowcell:first-child {
@@ -109986,9 +109987,10 @@ $pivotpager-single-size-title-padding: 8px !default;
109986
109987
  border-bottom-color: $border-light;
109987
109988
  }
109988
109989
 
109989
- table th[rowspan = '1'] {
109990
- padding-bottom: 0;
109991
- padding-top: 0;
109990
+ table th[rowspan = '1'],
109991
+ table th:not([rowspan]) {
109992
+ padding-bottom: 0 !important;
109993
+ padding-top: 0 !important;
109992
109994
  vertical-align: middle;
109993
109995
  }
109994
109996
  }
@@ -74622,7 +74622,7 @@ $grid-header-font-size: 14px !default;
74622
74622
  $grid-bigger-header-font-size: $grid-header-font-size !default;
74623
74623
  $grid-grouped-headercell-span-padding: 0 !default;
74624
74624
  $grid-group-unpgroupicon-padding-right: 0 !default;
74625
- $grid-group-text-width: 57px !default;
74625
+ $grid-group-text-width: auto !default;
74626
74626
 
74627
74627
  $grid-content-bg-color: $content-bg-color !default;
74628
74628
  $grid-popup-bg-color: $content-bg-color !default;
@@ -75130,7 +75130,7 @@ $grid-animator-bigger-area-margin: 22px !default;
75130
75130
  $grid-group-animator-drop-height: 48px !default;
75131
75131
  $grid-group-animator-cell-margin: 16px 0 16px 0 !default;
75132
75132
  $grid-animtor-border-bottom-width: 1px !default;
75133
- $grid-animator-area-padding: 0 !default;
75133
+ $grid-animator-area-padding: 0 16px 0 !default;
75134
75134
  $grid-animtor-area-border-width: 1px !default;
75135
75135
  $grid-animator-area-border: 0 !default;
75136
75136
  $grid-animator-area-margin: 15px !default;
@@ -76552,7 +76552,7 @@ $grid-dropitems-count-margin-left: -8px !default;
76552
76552
 
76553
76553
  .e-bigger & .e-group-animator .e-groupheadercell,
76554
76554
  .e-bigger & .e-group-animator .e-groupheadercell:hover {
76555
- margin: $grid-group-animator-bigger-cell-margin;
76555
+ margin: $grid-group-animator-bigger-cell-margin;
76556
76556
  border-bottom-width: $grid-animtor-border-bottom-width;
76557
76557
  }
76558
76558
 
@@ -76572,7 +76572,7 @@ $grid-dropitems-count-margin-left: -8px !default;
76572
76572
 
76573
76573
  & .e-group-animator .e-groupheadercell,
76574
76574
  & .e-group-animator .e-groupheadercell:hover {
76575
- margin: $grid-group-animator-cell-margin;
76575
+ margin: $grid-group-animator-cell-margin;
76576
76576
  border-bottom-width: $grid-animtor-border-bottom-width;
76577
76577
  }
76578
76578
 
@@ -76581,9 +76581,8 @@ $grid-dropitems-count-margin-left: -8px !default;
76581
76581
  }
76582
76582
 
76583
76583
  & .e-groupdroparea.e-group-animate.e-grouped {
76584
- overflow: hidden;
76585
76584
  padding: $grid-animator-area-padding;
76586
- height: $grid-group-animator-drop-height;
76585
+ height: auto;
76587
76586
  border-bottom-width: $grid-animator-area-border;
76588
76587
  }
76589
76588
 
@@ -76601,14 +76600,6 @@ $grid-dropitems-count-margin-left: -8px !default;
76601
76600
  margin-top: $grid-animator-margin-top-rtl;
76602
76601
  }
76603
76602
 
76604
- &.e-rtl .e-group-animator:first-child .e-groupheadercell {
76605
- margin: $grid-animator-rtl-first-group;
76606
- }
76607
-
76608
- & .e-group-animator:first-child .e-groupheadercell {
76609
- margin: $grid-animator-first-group;
76610
- }
76611
-
76612
76603
  .e-group-animate.e-groupdroparea .e-nextgroup {
76613
76604
  margin-top: $grid-animator-area-margin;
76614
76605
  }
@@ -82434,6 +82425,11 @@ $fe-lg-icon-empty-inner-content-text-align: center !default;
82434
82425
  .e-rcursor {
82435
82426
  border: 0;
82436
82427
  }
82428
+
82429
+ @if $fm-skin-name == 'fabric' or $fm-skin-name == 'fabric-dark' {
82430
+ padding: 5px 8px;
82431
+ line-height: 16px;
82432
+ }
82437
82433
  }
82438
82434
 
82439
82435
  @include visibility(hidden);
@@ -82484,6 +82480,11 @@ $fe-lg-icon-empty-inner-content-text-align: center !default;
82484
82480
  line-height: 20px;
82485
82481
  }
82486
82482
  }
82483
+
82484
+ @if $fm-skin-name == 'fabric' or $fm-skin-name == 'fabric-dark' {
82485
+ padding: 10px 8px;
82486
+ line-height: 16px;
82487
+ }
82487
82488
  }
82488
82489
 
82489
82490
  tr.e-row.e-fe-drop-folder .e-rowcell:first-child {
@@ -109543,9 +109544,10 @@ $pivotpager-single-size-title-padding: 4px !default;
109543
109544
  border-bottom-color: $border-light;
109544
109545
  }
109545
109546
 
109546
- table th[rowspan = '1'] {
109547
- padding-bottom: 0;
109548
- padding-top: 0;
109547
+ table th[rowspan = '1'],
109548
+ table th:not([rowspan]) {
109549
+ padding-bottom: 0 !important;
109550
+ padding-top: 0 !important;
109549
109551
  vertical-align: middle;
109550
109552
  }
109551
109553
  }
@@ -74386,7 +74386,7 @@ $grid-header-font-size: 14px !default;
74386
74386
  $grid-bigger-header-font-size: $grid-header-font-size !default;
74387
74387
  $grid-grouped-headercell-span-padding: 0 !default;
74388
74388
  $grid-group-unpgroupicon-padding-right: 0 !default;
74389
- $grid-group-text-width: 57px !default;
74389
+ $grid-group-text-width: auto !default;
74390
74390
 
74391
74391
  $grid-content-bg-color: $content-bg-color !default;
74392
74392
  $grid-popup-bg-color: $content-bg-color !default;
@@ -74893,7 +74893,7 @@ $grid-animator-bigger-area-margin: 22px !default;
74893
74893
  $grid-group-animator-drop-height: 48px !default;
74894
74894
  $grid-group-animator-cell-margin: 16px 0 16px 0 !default;
74895
74895
  $grid-animtor-border-bottom-width: 1px !default;
74896
- $grid-animator-area-padding: 0 !default;
74896
+ $grid-animator-area-padding: 0 16px 0 !default;
74897
74897
  $grid-animtor-area-border-width: 1px !default;
74898
74898
  $grid-animator-area-border: 0 !default;
74899
74899
  $grid-animator-area-margin: 15px !default;
@@ -76315,7 +76315,7 @@ $grid-dropitems-count-margin-left: -8px !default;
76315
76315
 
76316
76316
  .e-bigger & .e-group-animator .e-groupheadercell,
76317
76317
  .e-bigger & .e-group-animator .e-groupheadercell:hover {
76318
- margin: $grid-group-animator-bigger-cell-margin;
76318
+ margin: $grid-group-animator-bigger-cell-margin;
76319
76319
  border-bottom-width: $grid-animtor-border-bottom-width;
76320
76320
  }
76321
76321
 
@@ -76335,7 +76335,7 @@ $grid-dropitems-count-margin-left: -8px !default;
76335
76335
 
76336
76336
  & .e-group-animator .e-groupheadercell,
76337
76337
  & .e-group-animator .e-groupheadercell:hover {
76338
- margin: $grid-group-animator-cell-margin;
76338
+ margin: $grid-group-animator-cell-margin;
76339
76339
  border-bottom-width: $grid-animtor-border-bottom-width;
76340
76340
  }
76341
76341
 
@@ -76344,9 +76344,8 @@ $grid-dropitems-count-margin-left: -8px !default;
76344
76344
  }
76345
76345
 
76346
76346
  & .e-groupdroparea.e-group-animate.e-grouped {
76347
- overflow: hidden;
76348
76347
  padding: $grid-animator-area-padding;
76349
- height: $grid-group-animator-drop-height;
76348
+ height: auto;
76350
76349
  border-bottom-width: $grid-animator-area-border;
76351
76350
  }
76352
76351
 
@@ -76364,14 +76363,6 @@ $grid-dropitems-count-margin-left: -8px !default;
76364
76363
  margin-top: $grid-animator-margin-top-rtl;
76365
76364
  }
76366
76365
 
76367
- &.e-rtl .e-group-animator:first-child .e-groupheadercell {
76368
- margin: $grid-animator-rtl-first-group;
76369
- }
76370
-
76371
- & .e-group-animator:first-child .e-groupheadercell {
76372
- margin: $grid-animator-first-group;
76373
- }
76374
-
76375
76366
  .e-group-animate.e-groupdroparea .e-nextgroup {
76376
76367
  margin-top: $grid-animator-area-margin;
76377
76368
  }
@@ -82199,6 +82190,11 @@ $fe-lg-icon-empty-inner-content-text-align: center !default;
82199
82190
  .e-rcursor {
82200
82191
  border: 0;
82201
82192
  }
82193
+
82194
+ @if $fm-skin-name == 'fabric' or $fm-skin-name == 'fabric-dark' {
82195
+ padding: 5px 8px;
82196
+ line-height: 16px;
82197
+ }
82202
82198
  }
82203
82199
 
82204
82200
  @include visibility(hidden);
@@ -82249,6 +82245,11 @@ $fe-lg-icon-empty-inner-content-text-align: center !default;
82249
82245
  line-height: 20px;
82250
82246
  }
82251
82247
  }
82248
+
82249
+ @if $fm-skin-name == 'fabric' or $fm-skin-name == 'fabric-dark' {
82250
+ padding: 10px 8px;
82251
+ line-height: 16px;
82252
+ }
82252
82253
  }
82253
82254
 
82254
82255
  tr.e-row.e-fe-drop-folder .e-rowcell:first-child {
@@ -109296,9 +109297,10 @@ $pivotpager-single-size-title-padding: 4px !default;
109296
109297
  border-bottom-color: $border-light;
109297
109298
  }
109298
109299
 
109299
- table th[rowspan = '1'] {
109300
- padding-bottom: 0;
109301
- padding-top: 0;
109300
+ table th[rowspan = '1'],
109301
+ table th:not([rowspan]) {
109302
+ padding-bottom: 0 !important;
109303
+ padding-top: 0 !important;
109302
109304
  vertical-align: middle;
109303
109305
  }
109304
109306
  }
@@ -691,6 +691,11 @@ $fe-lg-icon-empty-inner-content-text-align: center !default;
691
691
  .e-rcursor {
692
692
  border: 0;
693
693
  }
694
+
695
+ @if $fm-skin-name == 'fabric' or $fm-skin-name == 'fabric-dark' {
696
+ padding: 5px 8px;
697
+ line-height: 16px;
698
+ }
694
699
  }
695
700
 
696
701
  @include visibility(hidden);
@@ -741,6 +746,11 @@ $fe-lg-icon-empty-inner-content-text-align: center !default;
741
746
  line-height: 20px;
742
747
  }
743
748
  }
749
+
750
+ @if $fm-skin-name == 'fabric' or $fm-skin-name == 'fabric-dark' {
751
+ padding: 10px 8px;
752
+ line-height: 16px;
753
+ }
744
754
  }
745
755
 
746
756
  tr.e-row.e-fe-drop-folder .e-rowcell:first-child {
@@ -692,6 +692,11 @@ $fe-lg-icon-empty-inner-content-text-align: center !default;
692
692
  .e-rcursor {
693
693
  border: 0;
694
694
  }
695
+
696
+ @if $fm-skin-name == 'fabric' or $fm-skin-name == 'fabric-dark' {
697
+ padding: 5px 8px;
698
+ line-height: 16px;
699
+ }
695
700
  }
696
701
 
697
702
  @include visibility(hidden);
@@ -742,6 +747,11 @@ $fe-lg-icon-empty-inner-content-text-align: center !default;
742
747
  line-height: 20px;
743
748
  }
744
749
  }
750
+
751
+ @if $fm-skin-name == 'fabric' or $fm-skin-name == 'fabric-dark' {
752
+ padding: 10px 8px;
753
+ line-height: 16px;
754
+ }
745
755
  }
746
756
 
747
757
  tr.e-row.e-fe-drop-folder .e-rowcell:first-child {