@syncfusion/blazor-themes 25.2.5 → 25.2.7

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 (109) hide show
  1. package/SCSS-Themes/bds-dark.scss +34 -7
  2. package/SCSS-Themes/bds.scss +34 -7
  3. package/SCSS-Themes/bootstrap-dark.scss +34 -6
  4. package/SCSS-Themes/bootstrap.scss +34 -6
  5. package/SCSS-Themes/bootstrap4.scss +34 -6
  6. package/SCSS-Themes/bootstrap5-dark.scss +34 -6
  7. package/SCSS-Themes/bootstrap5.scss +34 -6
  8. package/SCSS-Themes/buttons/speed-dial/bds-dark.scss +4 -1
  9. package/SCSS-Themes/buttons/speed-dial/bds.scss +4 -1
  10. package/SCSS-Themes/buttons/speed-dial/bootstrap-dark.scss +4 -1
  11. package/SCSS-Themes/buttons/speed-dial/bootstrap.scss +4 -1
  12. package/SCSS-Themes/buttons/speed-dial/bootstrap4.scss +4 -1
  13. package/SCSS-Themes/buttons/speed-dial/bootstrap5-dark.scss +4 -1
  14. package/SCSS-Themes/buttons/speed-dial/bootstrap5.scss +4 -1
  15. package/SCSS-Themes/buttons/speed-dial/fabric-dark.scss +4 -1
  16. package/SCSS-Themes/buttons/speed-dial/fabric.scss +4 -1
  17. package/SCSS-Themes/buttons/speed-dial/fluent-dark.scss +4 -1
  18. package/SCSS-Themes/buttons/speed-dial/fluent.scss +4 -1
  19. package/SCSS-Themes/buttons/speed-dial/highcontrast.scss +4 -1
  20. package/SCSS-Themes/buttons/speed-dial/material-dark.scss +4 -1
  21. package/SCSS-Themes/buttons/speed-dial/material.scss +4 -1
  22. package/SCSS-Themes/buttons/speed-dial/material3-dark.scss +4 -1
  23. package/SCSS-Themes/buttons/speed-dial/material3.scss +4 -1
  24. package/SCSS-Themes/buttons/speed-dial/tailwind-dark.scss +4 -1
  25. package/SCSS-Themes/buttons/speed-dial/tailwind.scss +4 -1
  26. package/SCSS-Themes/dropdowns/drop-down-tree/bds-dark.scss +4 -1
  27. package/SCSS-Themes/dropdowns/drop-down-tree/bds.scss +4 -1
  28. package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap-dark.scss +4 -0
  29. package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap.scss +4 -0
  30. package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap4.scss +4 -0
  31. package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap5-dark.scss +4 -0
  32. package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap5.scss +4 -0
  33. package/SCSS-Themes/dropdowns/drop-down-tree/fabric-dark.scss +4 -0
  34. package/SCSS-Themes/dropdowns/drop-down-tree/fabric.scss +4 -0
  35. package/SCSS-Themes/dropdowns/drop-down-tree/fluent-dark.scss +4 -0
  36. package/SCSS-Themes/dropdowns/drop-down-tree/fluent.scss +4 -0
  37. package/SCSS-Themes/dropdowns/drop-down-tree/highcontrast.scss +4 -0
  38. package/SCSS-Themes/dropdowns/drop-down-tree/material-dark.scss +4 -0
  39. package/SCSS-Themes/dropdowns/drop-down-tree/material.scss +4 -0
  40. package/SCSS-Themes/dropdowns/drop-down-tree/material3-dark.scss +4 -1
  41. package/SCSS-Themes/dropdowns/drop-down-tree/material3.scss +4 -1
  42. package/SCSS-Themes/dropdowns/drop-down-tree/tailwind-dark.scss +4 -1
  43. package/SCSS-Themes/dropdowns/drop-down-tree/tailwind.scss +4 -1
  44. package/SCSS-Themes/fabric-dark.scss +34 -6
  45. package/SCSS-Themes/fabric.scss +34 -6
  46. package/SCSS-Themes/fluent-dark.scss +34 -6
  47. package/SCSS-Themes/fluent.scss +34 -6
  48. package/SCSS-Themes/grids/excel-filter/bds-dark.scss +1 -0
  49. package/SCSS-Themes/grids/excel-filter/bds.scss +1 -0
  50. package/SCSS-Themes/grids/excel-filter/bootstrap-dark.scss +1 -0
  51. package/SCSS-Themes/grids/excel-filter/bootstrap.scss +1 -0
  52. package/SCSS-Themes/grids/excel-filter/bootstrap4.scss +1 -0
  53. package/SCSS-Themes/grids/excel-filter/bootstrap5-dark.scss +1 -0
  54. package/SCSS-Themes/grids/excel-filter/bootstrap5.scss +1 -0
  55. package/SCSS-Themes/grids/excel-filter/fabric-dark.scss +1 -0
  56. package/SCSS-Themes/grids/excel-filter/fabric.scss +1 -0
  57. package/SCSS-Themes/grids/excel-filter/fluent-dark.scss +1 -0
  58. package/SCSS-Themes/grids/excel-filter/fluent.scss +1 -0
  59. package/SCSS-Themes/grids/excel-filter/highcontrast.scss +1 -0
  60. package/SCSS-Themes/grids/excel-filter/material-dark.scss +1 -0
  61. package/SCSS-Themes/grids/excel-filter/material.scss +1 -0
  62. package/SCSS-Themes/grids/excel-filter/material3-dark.scss +1 -0
  63. package/SCSS-Themes/grids/excel-filter/material3.scss +1 -0
  64. package/SCSS-Themes/grids/excel-filter/tailwind-dark.scss +1 -0
  65. package/SCSS-Themes/grids/excel-filter/tailwind.scss +1 -0
  66. package/SCSS-Themes/grids/grid/bds-dark.scss +1 -1
  67. package/SCSS-Themes/grids/grid/bds.scss +1 -1
  68. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +1 -1
  69. package/SCSS-Themes/grids/grid/bootstrap.scss +1 -1
  70. package/SCSS-Themes/grids/grid/bootstrap4.scss +1 -1
  71. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +1 -1
  72. package/SCSS-Themes/grids/grid/bootstrap5.scss +1 -1
  73. package/SCSS-Themes/grids/grid/fabric-dark.scss +1 -1
  74. package/SCSS-Themes/grids/grid/fabric.scss +1 -1
  75. package/SCSS-Themes/grids/grid/fluent-dark.scss +1 -1
  76. package/SCSS-Themes/grids/grid/fluent.scss +1 -1
  77. package/SCSS-Themes/grids/grid/highcontrast.scss +1 -1
  78. package/SCSS-Themes/grids/grid/material-dark.scss +1 -1
  79. package/SCSS-Themes/grids/grid/material.scss +1 -1
  80. package/SCSS-Themes/grids/grid/material3-dark.scss +1 -1
  81. package/SCSS-Themes/grids/grid/material3.scss +1 -1
  82. package/SCSS-Themes/grids/grid/tailwind-dark.scss +1 -1
  83. package/SCSS-Themes/grids/grid/tailwind.scss +1 -1
  84. package/SCSS-Themes/highcontrast.scss +34 -6
  85. package/SCSS-Themes/material-dark.scss +34 -6
  86. package/SCSS-Themes/material.scss +34 -6
  87. package/SCSS-Themes/material3-dark.scss +34 -7
  88. package/SCSS-Themes/material3.scss +34 -7
  89. package/SCSS-Themes/tailwind-dark.scss +34 -7
  90. package/SCSS-Themes/tailwind.scss +34 -7
  91. package/SCSS-Themes/treegrid/treegrid/bds-dark.scss +24 -4
  92. package/SCSS-Themes/treegrid/treegrid/bds.scss +24 -4
  93. package/SCSS-Themes/treegrid/treegrid/bootstrap-dark.scss +24 -4
  94. package/SCSS-Themes/treegrid/treegrid/bootstrap.scss +24 -4
  95. package/SCSS-Themes/treegrid/treegrid/bootstrap4.scss +24 -4
  96. package/SCSS-Themes/treegrid/treegrid/bootstrap5-dark.scss +24 -4
  97. package/SCSS-Themes/treegrid/treegrid/bootstrap5.scss +24 -4
  98. package/SCSS-Themes/treegrid/treegrid/fabric-dark.scss +24 -4
  99. package/SCSS-Themes/treegrid/treegrid/fabric.scss +24 -4
  100. package/SCSS-Themes/treegrid/treegrid/fluent-dark.scss +24 -4
  101. package/SCSS-Themes/treegrid/treegrid/fluent.scss +24 -4
  102. package/SCSS-Themes/treegrid/treegrid/highcontrast.scss +24 -4
  103. package/SCSS-Themes/treegrid/treegrid/material-dark.scss +24 -4
  104. package/SCSS-Themes/treegrid/treegrid/material.scss +24 -4
  105. package/SCSS-Themes/treegrid/treegrid/material3-dark.scss +24 -4
  106. package/SCSS-Themes/treegrid/treegrid/material3.scss +24 -4
  107. package/SCSS-Themes/treegrid/treegrid/tailwind-dark.scss +24 -4
  108. package/SCSS-Themes/treegrid/treegrid/tailwind.scss +24 -4
  109. package/package.json +1 -1
package/SCSS-Themes/fabric.scss CHANGED
@@ -24888,7 +24888,10 @@ $sd-active-font-color: $neutral-light-fontalt !default;
24888
24888
  .e-speeddial-popup {
24889
24889
  position: absolute;
24890
24890
  z-index: 100000;
24891
- pointer-events: none;
24891
+
24892
+ &:not(.e-speeddial-hover-open) {
24893
+ pointer-events: none;
24894
+ }
24892
24895
 
24893
24896
  &.e-speeddial-top {
24894
24897
  top: $sd-offset;
@@ -58672,6 +58675,7 @@ $ddt-delim-padding: 6px 10px 0 10px !default;
58672
58675
  $ddt-overflow-count-padding-top: 6px !default;
58673
58676
  $ddt-delim-bigger-padding: 8px 12px 0 12px !default;
58674
58677
  $ddt-remains-count-padding-top: 6px !default;
58678
+ $ddt-item-hover-bg: $neutral-lighter !default;
58675
58679
  @mixin ddt-rotate($position) {
58676
58680
  transform: rotate($position);
58677
58681
  transition: transform 300ms ease;
@@ -60222,6 +60226,9 @@ $ddt-remains-count-padding-top: 6px !default;
60222
60226
  .e-selectall-parent {
60223
60227
  border-bottom-color: $ddt-popup-reorder-border;
60224
60228
 
60229
+ &:focus {
60230
+ background: $ddt-item-hover-bg;
60231
+ }
60225
60232
  .e-all-text {
60226
60233
  color: $ddt-select-all-font-color;
60227
60234
  }
@@ -75062,6 +75069,7 @@ $grid-xlfl-skin: 'fabric' !default;
75062
75069
  .sf-grid .e-excelfilter {
75063
75070
  &.e-dialog .e-dlg-content {
75064
75071
  padding-left: 0;
75072
+ padding-right: 0;
75065
75073
  }
75066
75074
  .e-dlg-content {
75067
75075
  overflow: visible;
@@ -81125,7 +81133,7 @@ margin: $grid-group-animator-cell-margin;
81125
81133
 
81126
81134
  .e-gridheader .e-headercell,
81127
81135
  .e-gridheader .e-detailheadercell,
81128
- .e-gridheader .e-headercell .e-headercelldiv {
81136
+ .e-gridheader .e-headercell:not(.e-fltr-icon, .e-sort-icon) .e-headercelldiv {
81129
81137
  height: auto;
81130
81138
  }
81131
81139
 
@@ -86962,8 +86970,18 @@ $treegrid-rtl-rowdd-childborder-width: 1px 0 0 !default;
86962
86970
 
86963
86971
  td.e-rowcell {
86964
86972
  &.e-dropbottom {
86965
- border-bottom: $treegrid-rowdd-topbottom-border;
86966
- box-shadow: 0 0 0 0 $treegrid-rowdd-boxshadow;
86973
+ @if $skin-name == 'fluent-dark' or $skin-name == 'FluentUI' or $skin-name == 'fluent' {
86974
+ box-shadow: 0 2px 0 0 $treegrid-rowdd-boxshadow;
86975
+ }
86976
+ @else if $skin-name == 'bootstrap5' or $skin-name == 'tailwind-dark' or $skin-name == 'bootstrap5-dark' or $skin-name == 'material3' {
86977
+ box-shadow: 0 2px 0 0 #4f46e5;
86978
+ }
86979
+ @else if $skin-name == 'bootstrap4' or $skin-name == 'material' or $skin-name == 'FluentUI2' or $skin-name == 'fluent2' or $skin-name == 'fabric' or $skin-name == 'fabric-dark' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'highcontrast' {
86980
+ box-shadow: 0 1px 0 0 $treegrid-rowdd-boxshadow;
86981
+ }
86982
+ @else {
86983
+ box-shadow: 0 2px 0 0 $treegrid-rowdd-boxshadow;
86984
+ }
86967
86985
  }
86968
86986
  &.e-droptop {
86969
86987
  border-top: $treegrid-rowdd-topbottom-border;
@@ -86973,8 +86991,18 @@ $treegrid-rtl-rowdd-childborder-width: 1px 0 0 !default;
86973
86991
 
86974
86992
  td.e-rowdragdrop {
86975
86993
  &.e-dropbottom {
86976
- border-bottom: $treegrid-rowdd-topbottom-border;
86977
- box-shadow: 0 0 0 0 $treegrid-rowdd-boxshadow;
86994
+ @if $skin-name == 'fluent-dark' or $skin-name == 'FluentUI' or $skin-name == 'fluent' {
86995
+ box-shadow: 0 2px 0 0 $treegrid-rowdd-boxshadow;
86996
+ }
86997
+ @else if $skin-name == 'bootstrap5' or $skin-name == 'tailwind-dark' or $skin-name == 'bootstrap5-dark' or $skin-name == 'material3' {
86998
+ box-shadow: 0 2px 0 0 #4f46e5;
86999
+ }
87000
+ @else if $skin-name == 'bootstrap4' or $skin-name == 'material' or $skin-name == 'FluentUI2' or $skin-name == 'fluent2' or $skin-name == 'fabric' or $skin-name == 'fabric-dark' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'highcontrast' {
87001
+ box-shadow: 0 1px 0 0 $treegrid-rowdd-boxshadow;
87002
+ }
87003
+ @else {
87004
+ box-shadow: 0 2px 0 0 $treegrid-rowdd-boxshadow;
87005
+ }
86978
87006
  }
86979
87007
  &.e-droptop {
86980
87008
  border-top: $treegrid-rowdd-topbottom-border;
package/SCSS-Themes/fluent-dark.scss CHANGED
@@ -25228,7 +25228,10 @@ $sd-active-font-color: $secondary-text-color-pressed !default;
25228
25228
  .e-speeddial-popup {
25229
25229
  position: absolute;
25230
25230
  z-index: 100000;
25231
- pointer-events: none;
25231
+
25232
+ &:not(.e-speeddial-hover-open) {
25233
+ pointer-events: none;
25234
+ }
25232
25235
 
25233
25236
  &.e-speeddial-top {
25234
25237
  top: $sd-offset;
@@ -59276,6 +59279,7 @@ $ddt-nodata-font-color: $content-text-color-alt2 !default;
59276
59279
  $ddt-select-all-font-color: $content-text-color !default;
59277
59280
  $ddt-remains-font-color: $content-text-color-alt3 !default;
59278
59281
  $ddt-readonly-input-bg-color: $content-bg-color !default;
59282
+ $ddt-item-hover-bg: $content-bg-color-hover !default;
59279
59283
  @mixin ddt-rotate($position) {
59280
59284
  transform: rotate($position);
59281
59285
  transition: transform 300ms ease;
@@ -60826,6 +60830,9 @@ $ddt-readonly-input-bg-color: $content-bg-color !default;
60826
60830
  .e-selectall-parent {
60827
60831
  border-bottom-color: $ddt-popup-reorder-border;
60828
60832
 
60833
+ &:focus {
60834
+ background: $ddt-item-hover-bg;
60835
+ }
60829
60836
  .e-all-text {
60830
60837
  color: $ddt-select-all-font-color;
60831
60838
  }
@@ -75874,6 +75881,7 @@ $grid-xlfl-skin: 'fluent' !default;
75874
75881
  .sf-grid .e-excelfilter {
75875
75882
  &.e-dialog .e-dlg-content {
75876
75883
  padding-left: 0;
75884
+ padding-right: 0;
75877
75885
  }
75878
75886
  .e-dlg-content {
75879
75887
  overflow: visible;
@@ -81936,7 +81944,7 @@ margin: $grid-group-animator-cell-margin;
81936
81944
 
81937
81945
  .e-gridheader .e-headercell,
81938
81946
  .e-gridheader .e-detailheadercell,
81939
- .e-gridheader .e-headercell .e-headercelldiv {
81947
+ .e-gridheader .e-headercell:not(.e-fltr-icon, .e-sort-icon) .e-headercelldiv {
81940
81948
  height: auto;
81941
81949
  }
81942
81950
 
@@ -87804,8 +87812,18 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
87804
87812
 
87805
87813
  td.e-rowcell {
87806
87814
  &.e-dropbottom {
87807
- border-bottom: $treegrid-rowdd-topbottom-border;
87808
- box-shadow: 0 0 0 0 $treegrid-rowdd-boxshadow;
87815
+ @if $skin-name == 'fluent-dark' or $skin-name == 'FluentUI' or $skin-name == 'fluent' {
87816
+ box-shadow: 0 2px 0 0 $treegrid-rowdd-boxshadow;
87817
+ }
87818
+ @else if $skin-name == 'bootstrap5' or $skin-name == 'tailwind-dark' or $skin-name == 'bootstrap5-dark' or $skin-name == 'material3' {
87819
+ box-shadow: 0 2px 0 0 #4f46e5;
87820
+ }
87821
+ @else if $skin-name == 'bootstrap4' or $skin-name == 'material' or $skin-name == 'FluentUI2' or $skin-name == 'fluent2' or $skin-name == 'fabric' or $skin-name == 'fabric-dark' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'highcontrast' {
87822
+ box-shadow: 0 1px 0 0 $treegrid-rowdd-boxshadow;
87823
+ }
87824
+ @else {
87825
+ box-shadow: 0 2px 0 0 $treegrid-rowdd-boxshadow;
87826
+ }
87809
87827
  }
87810
87828
  &.e-droptop {
87811
87829
  border-top: $treegrid-rowdd-topbottom-border;
@@ -87815,8 +87833,18 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
87815
87833
 
87816
87834
  td.e-rowdragdrop {
87817
87835
  &.e-dropbottom {
87818
- border-bottom: $treegrid-rowdd-topbottom-border;
87819
- box-shadow: 0 0 0 0 $treegrid-rowdd-boxshadow;
87836
+ @if $skin-name == 'fluent-dark' or $skin-name == 'FluentUI' or $skin-name == 'fluent' {
87837
+ box-shadow: 0 2px 0 0 $treegrid-rowdd-boxshadow;
87838
+ }
87839
+ @else if $skin-name == 'bootstrap5' or $skin-name == 'tailwind-dark' or $skin-name == 'bootstrap5-dark' or $skin-name == 'material3' {
87840
+ box-shadow: 0 2px 0 0 #4f46e5;
87841
+ }
87842
+ @else if $skin-name == 'bootstrap4' or $skin-name == 'material' or $skin-name == 'FluentUI2' or $skin-name == 'fluent2' or $skin-name == 'fabric' or $skin-name == 'fabric-dark' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'highcontrast' {
87843
+ box-shadow: 0 1px 0 0 $treegrid-rowdd-boxshadow;
87844
+ }
87845
+ @else {
87846
+ box-shadow: 0 2px 0 0 $treegrid-rowdd-boxshadow;
87847
+ }
87820
87848
  }
87821
87849
  &.e-droptop {
87822
87850
  border-top: $treegrid-rowdd-topbottom-border;
package/SCSS-Themes/fluent.scss CHANGED
@@ -25229,7 +25229,10 @@ $sd-active-font-color: $secondary-text-color-pressed !default;
25229
25229
  .e-speeddial-popup {
25230
25230
  position: absolute;
25231
25231
  z-index: 100000;
25232
- pointer-events: none;
25232
+
25233
+ &:not(.e-speeddial-hover-open) {
25234
+ pointer-events: none;
25235
+ }
25233
25236
 
25234
25237
  &.e-speeddial-top {
25235
25238
  top: $sd-offset;
@@ -59277,6 +59280,7 @@ $ddt-nodata-font-color: $content-text-color-alt2 !default;
59277
59280
  $ddt-select-all-font-color: $content-text-color !default;
59278
59281
  $ddt-remains-font-color: $content-text-color-alt3 !default;
59279
59282
  $ddt-readonly-input-bg-color: $content-bg-color !default;
59283
+ $ddt-item-hover-bg: $content-bg-color-hover !default;
59280
59284
  @mixin ddt-rotate($position) {
59281
59285
  transform: rotate($position);
59282
59286
  transition: transform 300ms ease;
@@ -60827,6 +60831,9 @@ $ddt-readonly-input-bg-color: $content-bg-color !default;
60827
60831
  .e-selectall-parent {
60828
60832
  border-bottom-color: $ddt-popup-reorder-border;
60829
60833
 
60834
+ &:focus {
60835
+ background: $ddt-item-hover-bg;
60836
+ }
60830
60837
  .e-all-text {
60831
60838
  color: $ddt-select-all-font-color;
60832
60839
  }
@@ -75875,6 +75882,7 @@ $grid-xlfl-skin: 'fluent' !default;
75875
75882
  .sf-grid .e-excelfilter {
75876
75883
  &.e-dialog .e-dlg-content {
75877
75884
  padding-left: 0;
75885
+ padding-right: 0;
75878
75886
  }
75879
75887
  .e-dlg-content {
75880
75888
  overflow: visible;
@@ -81937,7 +81945,7 @@ margin: $grid-group-animator-cell-margin;
81937
81945
 
81938
81946
  .e-gridheader .e-headercell,
81939
81947
  .e-gridheader .e-detailheadercell,
81940
- .e-gridheader .e-headercell .e-headercelldiv {
81948
+ .e-gridheader .e-headercell:not(.e-fltr-icon, .e-sort-icon) .e-headercelldiv {
81941
81949
  height: auto;
81942
81950
  }
81943
81951
 
@@ -87805,8 +87813,18 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
87805
87813
 
87806
87814
  td.e-rowcell {
87807
87815
  &.e-dropbottom {
87808
- border-bottom: $treegrid-rowdd-topbottom-border;
87809
- box-shadow: 0 0 0 0 $treegrid-rowdd-boxshadow;
87816
+ @if $skin-name == 'fluent-dark' or $skin-name == 'FluentUI' or $skin-name == 'fluent' {
87817
+ box-shadow: 0 2px 0 0 $treegrid-rowdd-boxshadow;
87818
+ }
87819
+ @else if $skin-name == 'bootstrap5' or $skin-name == 'tailwind-dark' or $skin-name == 'bootstrap5-dark' or $skin-name == 'material3' {
87820
+ box-shadow: 0 2px 0 0 #4f46e5;
87821
+ }
87822
+ @else if $skin-name == 'bootstrap4' or $skin-name == 'material' or $skin-name == 'FluentUI2' or $skin-name == 'fluent2' or $skin-name == 'fabric' or $skin-name == 'fabric-dark' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'highcontrast' {
87823
+ box-shadow: 0 1px 0 0 $treegrid-rowdd-boxshadow;
87824
+ }
87825
+ @else {
87826
+ box-shadow: 0 2px 0 0 $treegrid-rowdd-boxshadow;
87827
+ }
87810
87828
  }
87811
87829
  &.e-droptop {
87812
87830
  border-top: $treegrid-rowdd-topbottom-border;
@@ -87816,8 +87834,18 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
87816
87834
 
87817
87835
  td.e-rowdragdrop {
87818
87836
  &.e-dropbottom {
87819
- border-bottom: $treegrid-rowdd-topbottom-border;
87820
- box-shadow: 0 0 0 0 $treegrid-rowdd-boxshadow;
87837
+ @if $skin-name == 'fluent-dark' or $skin-name == 'FluentUI' or $skin-name == 'fluent' {
87838
+ box-shadow: 0 2px 0 0 $treegrid-rowdd-boxshadow;
87839
+ }
87840
+ @else if $skin-name == 'bootstrap5' or $skin-name == 'tailwind-dark' or $skin-name == 'bootstrap5-dark' or $skin-name == 'material3' {
87841
+ box-shadow: 0 2px 0 0 #4f46e5;
87842
+ }
87843
+ @else if $skin-name == 'bootstrap4' or $skin-name == 'material' or $skin-name == 'FluentUI2' or $skin-name == 'fluent2' or $skin-name == 'fabric' or $skin-name == 'fabric-dark' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'highcontrast' {
87844
+ box-shadow: 0 1px 0 0 $treegrid-rowdd-boxshadow;
87845
+ }
87846
+ @else {
87847
+ box-shadow: 0 2px 0 0 $treegrid-rowdd-boxshadow;
87848
+ }
87821
87849
  }
87822
87850
  &.e-droptop {
87823
87851
  border-top: $treegrid-rowdd-topbottom-border;
package/SCSS-Themes/grids/excel-filter/bds-dark.scss CHANGED
@@ -95,6 +95,7 @@ $grid-xlfl-skin: $skin-name !default;
95
95
  .sf-grid .e-excelfilter {
96
96
  &.e-dialog .e-dlg-content {
97
97
  padding-left: 0;
98
+ padding-right: 0;
98
99
  }
99
100
  .e-dlg-content {
100
101
  overflow: visible;
package/SCSS-Themes/grids/excel-filter/bds.scss CHANGED
@@ -95,6 +95,7 @@ $grid-xlfl-skin: $skin-name !default;
95
95
  .sf-grid .e-excelfilter {
96
96
  &.e-dialog .e-dlg-content {
97
97
  padding-left: 0;
98
+ padding-right: 0;
98
99
  }
99
100
  .e-dlg-content {
100
101
  overflow: visible;
package/SCSS-Themes/grids/excel-filter/bootstrap-dark.scss CHANGED
@@ -85,6 +85,7 @@ $grid-xlfl-skin: 'bootstrap' !default;
85
85
  .sf-grid .e-excelfilter {
86
86
  &.e-dialog .e-dlg-content {
87
87
  padding-left: 0;
88
+ padding-right: 0;
88
89
  }
89
90
  .e-dlg-content {
90
91
  overflow: visible;
package/SCSS-Themes/grids/excel-filter/bootstrap.scss CHANGED
@@ -90,6 +90,7 @@ $grid-xlfl-skin: 'bootstrap' !default;
90
90
  .sf-grid .e-excelfilter {
91
91
  &.e-dialog .e-dlg-content {
92
92
  padding-left: 0;
93
+ padding-right: 0;
93
94
  }
94
95
  .e-dlg-content {
95
96
  overflow: visible;
package/SCSS-Themes/grids/excel-filter/bootstrap4.scss CHANGED
@@ -95,6 +95,7 @@ $grid-xlfl-skin: 'bootstrap4' !default;
95
95
  .sf-grid .e-excelfilter {
96
96
  &.e-dialog .e-dlg-content {
97
97
  padding-left: 0;
98
+ padding-right: 0;
98
99
  }
99
100
  .e-dlg-content {
100
101
  overflow: visible;
package/SCSS-Themes/grids/excel-filter/bootstrap5-dark.scss CHANGED
@@ -96,6 +96,7 @@ $grid-xlfl-skin: 'bootstrap5' !default;
96
96
  .sf-grid .e-excelfilter {
97
97
  &.e-dialog .e-dlg-content {
98
98
  padding-left: 0;
99
+ padding-right: 0;
99
100
  }
100
101
  .e-dlg-content {
101
102
  overflow: visible;
package/SCSS-Themes/grids/excel-filter/bootstrap5.scss CHANGED
@@ -96,6 +96,7 @@ $grid-xlfl-skin: 'bootstrap5' !default;
96
96
  .sf-grid .e-excelfilter {
97
97
  &.e-dialog .e-dlg-content {
98
98
  padding-left: 0;
99
+ padding-right: 0;
99
100
  }
100
101
  .e-dlg-content {
101
102
  overflow: visible;
package/SCSS-Themes/grids/excel-filter/fabric-dark.scss CHANGED
@@ -85,6 +85,7 @@ $grid-xlfl-skin: 'fabric' !default;
85
85
  .sf-grid .e-excelfilter {
86
86
  &.e-dialog .e-dlg-content {
87
87
  padding-left: 0;
88
+ padding-right: 0;
88
89
  }
89
90
  .e-dlg-content {
90
91
  overflow: visible;
package/SCSS-Themes/grids/excel-filter/fabric.scss CHANGED
@@ -90,6 +90,7 @@ $grid-xlfl-skin: 'fabric' !default;
90
90
  .sf-grid .e-excelfilter {
91
91
  &.e-dialog .e-dlg-content {
92
92
  padding-left: 0;
93
+ padding-right: 0;
93
94
  }
94
95
  .e-dlg-content {
95
96
  overflow: visible;
package/SCSS-Themes/grids/excel-filter/fluent-dark.scss CHANGED
@@ -96,6 +96,7 @@ $grid-xlfl-skin: 'fluent' !default;
96
96
  .sf-grid .e-excelfilter {
97
97
  &.e-dialog .e-dlg-content {
98
98
  padding-left: 0;
99
+ padding-right: 0;
99
100
  }
100
101
  .e-dlg-content {
101
102
  overflow: visible;
package/SCSS-Themes/grids/excel-filter/fluent.scss CHANGED
@@ -96,6 +96,7 @@ $grid-xlfl-skin: 'fluent' !default;
96
96
  .sf-grid .e-excelfilter {
97
97
  &.e-dialog .e-dlg-content {
98
98
  padding-left: 0;
99
+ padding-right: 0;
99
100
  }
100
101
  .e-dlg-content {
101
102
  overflow: visible;
package/SCSS-Themes/grids/excel-filter/highcontrast.scss CHANGED
@@ -85,6 +85,7 @@ $grid-xlfl-skin: 'highcontrast' !default;
85
85
  .sf-grid .e-excelfilter {
86
86
  &.e-dialog .e-dlg-content {
87
87
  padding-left: 0;
88
+ padding-right: 0;
88
89
  }
89
90
  .e-dlg-content {
90
91
  overflow: visible;
package/SCSS-Themes/grids/excel-filter/material-dark.scss CHANGED
@@ -87,6 +87,7 @@ $grid-xlfl-skin: 'material' !default;
87
87
  .sf-grid .e-excelfilter {
88
88
  &.e-dialog .e-dlg-content {
89
89
  padding-left: 0;
90
+ padding-right: 0;
90
91
  }
91
92
  .e-dlg-content {
92
93
  overflow: visible;
package/SCSS-Themes/grids/excel-filter/material.scss CHANGED
@@ -88,6 +88,7 @@ $grid-xlfl-skin: 'material' !default;
88
88
  .sf-grid .e-excelfilter {
89
89
  &.e-dialog .e-dlg-content {
90
90
  padding-left: 0;
91
+ padding-right: 0;
91
92
  }
92
93
  .e-dlg-content {
93
94
  overflow: visible;
package/SCSS-Themes/grids/excel-filter/material3-dark.scss CHANGED
@@ -96,6 +96,7 @@ $grid-xlfl-skin: 'material3' !default;
96
96
  .sf-grid .e-excelfilter {
97
97
  &.e-dialog .e-dlg-content {
98
98
  padding-left: 0;
99
+ padding-right: 0;
99
100
  }
100
101
  .e-dlg-content {
101
102
  overflow: visible;
package/SCSS-Themes/grids/excel-filter/material3.scss CHANGED
@@ -96,6 +96,7 @@ $grid-xlfl-skin: 'material3' !default;
96
96
  .sf-grid .e-excelfilter {
97
97
  &.e-dialog .e-dlg-content {
98
98
  padding-left: 0;
99
+ padding-right: 0;
99
100
  }
100
101
  .e-dlg-content {
101
102
  overflow: visible;
package/SCSS-Themes/grids/excel-filter/tailwind-dark.scss CHANGED
@@ -95,6 +95,7 @@ $grid-xlfl-skin: 'tailwind' !default;
95
95
  .sf-grid .e-excelfilter {
96
96
  &.e-dialog .e-dlg-content {
97
97
  padding-left: 0;
98
+ padding-right: 0;
98
99
  }
99
100
  .e-dlg-content {
100
101
  overflow: visible;
package/SCSS-Themes/grids/excel-filter/tailwind.scss CHANGED
@@ -95,6 +95,7 @@ $grid-xlfl-skin: 'tailwind' !default;
95
95
  .sf-grid .e-excelfilter {
96
96
  &.e-dialog .e-dlg-content {
97
97
  padding-left: 0;
98
+ padding-right: 0;
98
99
  }
99
100
  .e-dlg-content {
100
101
  overflow: visible;
package/SCSS-Themes/grids/grid/bds-dark.scss CHANGED
@@ -5489,7 +5489,7 @@ margin: $grid-group-animator-cell-margin;
5489
5489
 
5490
5490
  .e-gridheader .e-headercell,
5491
5491
  .e-gridheader .e-detailheadercell,
5492
- .e-gridheader .e-headercell .e-headercelldiv {
5492
+ .e-gridheader .e-headercell:not(.e-fltr-icon, .e-sort-icon) .e-headercelldiv {
5493
5493
  height: auto;
5494
5494
  }
5495
5495
 
package/SCSS-Themes/grids/grid/bds.scss CHANGED
@@ -5489,7 +5489,7 @@ margin: $grid-group-animator-cell-margin;
5489
5489
 
5490
5490
  .e-gridheader .e-headercell,
5491
5491
  .e-gridheader .e-detailheadercell,
5492
- .e-gridheader .e-headercell .e-headercelldiv {
5492
+ .e-gridheader .e-headercell:not(.e-fltr-icon, .e-sort-icon) .e-headercelldiv {
5493
5493
  height: auto;
5494
5494
  }
5495
5495
 
package/SCSS-Themes/grids/grid/bootstrap-dark.scss CHANGED
@@ -5476,7 +5476,7 @@ margin: $grid-group-animator-cell-margin;
5476
5476
 
5477
5477
  .e-gridheader .e-headercell,
5478
5478
  .e-gridheader .e-detailheadercell,
5479
- .e-gridheader .e-headercell .e-headercelldiv {
5479
+ .e-gridheader .e-headercell:not(.e-fltr-icon, .e-sort-icon) .e-headercelldiv {
5480
5480
  height: auto;
5481
5481
  }
5482
5482
 
package/SCSS-Themes/grids/grid/bootstrap.scss CHANGED
@@ -5478,7 +5478,7 @@ margin: $grid-group-animator-cell-margin;
5478
5478
 
5479
5479
  .e-gridheader .e-headercell,
5480
5480
  .e-gridheader .e-detailheadercell,
5481
- .e-gridheader .e-headercell .e-headercelldiv {
5481
+ .e-gridheader .e-headercell:not(.e-fltr-icon, .e-sort-icon) .e-headercelldiv {
5482
5482
  height: auto;
5483
5483
  }
5484
5484
 
package/SCSS-Themes/grids/grid/bootstrap4.scss CHANGED
@@ -5483,7 +5483,7 @@ margin: $grid-group-animator-cell-margin;
5483
5483
 
5484
5484
  .e-gridheader .e-headercell,
5485
5485
  .e-gridheader .e-detailheadercell,
5486
- .e-gridheader .e-headercell .e-headercelldiv {
5486
+ .e-gridheader .e-headercell:not(.e-fltr-icon, .e-sort-icon) .e-headercelldiv {
5487
5487
  height: auto;
5488
5488
  }
5489
5489
 
package/SCSS-Themes/grids/grid/bootstrap5-dark.scss CHANGED
@@ -5476,7 +5476,7 @@ margin: $grid-group-animator-cell-margin;
5476
5476
 
5477
5477
  .e-gridheader .e-headercell,
5478
5478
  .e-gridheader .e-detailheadercell,
5479
- .e-gridheader .e-headercell .e-headercelldiv {
5479
+ .e-gridheader .e-headercell:not(.e-fltr-icon, .e-sort-icon) .e-headercelldiv {
5480
5480
  height: auto;
5481
5481
  }
5482
5482
 
package/SCSS-Themes/grids/grid/bootstrap5.scss CHANGED
@@ -5476,7 +5476,7 @@ margin: $grid-group-animator-cell-margin;
5476
5476
 
5477
5477
  .e-gridheader .e-headercell,
5478
5478
  .e-gridheader .e-detailheadercell,
5479
- .e-gridheader .e-headercell .e-headercelldiv {
5479
+ .e-gridheader .e-headercell:not(.e-fltr-icon, .e-sort-icon) .e-headercelldiv {
5480
5480
  height: auto;
5481
5481
  }
5482
5482
 
package/SCSS-Themes/grids/grid/fabric-dark.scss CHANGED
@@ -5473,7 +5473,7 @@ margin: $grid-group-animator-cell-margin;
5473
5473
 
5474
5474
  .e-gridheader .e-headercell,
5475
5475
  .e-gridheader .e-detailheadercell,
5476
- .e-gridheader .e-headercell .e-headercelldiv {
5476
+ .e-gridheader .e-headercell:not(.e-fltr-icon, .e-sort-icon) .e-headercelldiv {
5477
5477
  height: auto;
5478
5478
  }
5479
5479
 
package/SCSS-Themes/grids/grid/fabric.scss CHANGED
@@ -5473,7 +5473,7 @@ margin: $grid-group-animator-cell-margin;
5473
5473
 
5474
5474
  .e-gridheader .e-headercell,
5475
5475
  .e-gridheader .e-detailheadercell,
5476
- .e-gridheader .e-headercell .e-headercelldiv {
5476
+ .e-gridheader .e-headercell:not(.e-fltr-icon, .e-sort-icon) .e-headercelldiv {
5477
5477
  height: auto;
5478
5478
  }
5479
5479
 
package/SCSS-Themes/grids/grid/fluent-dark.scss CHANGED
@@ -5468,7 +5468,7 @@ margin: $grid-group-animator-cell-margin;
5468
5468
 
5469
5469
  .e-gridheader .e-headercell,
5470
5470
  .e-gridheader .e-detailheadercell,
5471
- .e-gridheader .e-headercell .e-headercelldiv {
5471
+ .e-gridheader .e-headercell:not(.e-fltr-icon, .e-sort-icon) .e-headercelldiv {
5472
5472
  height: auto;
5473
5473
  }
5474
5474
 
package/SCSS-Themes/grids/grid/fluent.scss CHANGED
@@ -5468,7 +5468,7 @@ margin: $grid-group-animator-cell-margin;
5468
5468
 
5469
5469
  .e-gridheader .e-headercell,
5470
5470
  .e-gridheader .e-detailheadercell,
5471
- .e-gridheader .e-headercell .e-headercelldiv {
5471
+ .e-gridheader .e-headercell:not(.e-fltr-icon, .e-sort-icon) .e-headercelldiv {
5472
5472
  height: auto;
5473
5473
  }
5474
5474
 
package/SCSS-Themes/grids/grid/highcontrast.scss CHANGED
@@ -5473,7 +5473,7 @@ margin: $grid-group-animator-cell-margin;
5473
5473
 
5474
5474
  .e-gridheader .e-headercell,
5475
5475
  .e-gridheader .e-detailheadercell,
5476
- .e-gridheader .e-headercell .e-headercelldiv {
5476
+ .e-gridheader .e-headercell:not(.e-fltr-icon, .e-sort-icon) .e-headercelldiv {
5477
5477
  height: auto;
5478
5478
  }
5479
5479
 
package/SCSS-Themes/grids/grid/material-dark.scss CHANGED
@@ -5474,7 +5474,7 @@ margin: $grid-group-animator-cell-margin;
5474
5474
 
5475
5475
  .e-gridheader .e-headercell,
5476
5476
  .e-gridheader .e-detailheadercell,
5477
- .e-gridheader .e-headercell .e-headercelldiv {
5477
+ .e-gridheader .e-headercell:not(.e-fltr-icon, .e-sort-icon) .e-headercelldiv {
5478
5478
  height: auto;
5479
5479
  }
5480
5480
 
package/SCSS-Themes/grids/grid/material.scss CHANGED
@@ -5472,7 +5472,7 @@ margin: $grid-group-animator-cell-margin;
5472
5472
 
5473
5473
  .e-gridheader .e-headercell,
5474
5474
  .e-gridheader .e-detailheadercell,
5475
- .e-gridheader .e-headercell .e-headercelldiv {
5475
+ .e-gridheader .e-headercell:not(.e-fltr-icon, .e-sort-icon) .e-headercelldiv {
5476
5476
  height: auto;
5477
5477
  }
5478
5478
 
package/SCSS-Themes/grids/grid/material3-dark.scss CHANGED
@@ -5483,7 +5483,7 @@ margin: $grid-group-animator-cell-margin;
5483
5483
 
5484
5484
  .e-gridheader .e-headercell,
5485
5485
  .e-gridheader .e-detailheadercell,
5486
- .e-gridheader .e-headercell .e-headercelldiv {
5486
+ .e-gridheader .e-headercell:not(.e-fltr-icon, .e-sort-icon) .e-headercelldiv {
5487
5487
  height: auto;
5488
5488
  }
5489
5489
 
package/SCSS-Themes/grids/grid/material3.scss CHANGED
@@ -5483,7 +5483,7 @@ margin: $grid-group-animator-cell-margin;
5483
5483
 
5484
5484
  .e-gridheader .e-headercell,
5485
5485
  .e-gridheader .e-detailheadercell,
5486
- .e-gridheader .e-headercell .e-headercelldiv {
5486
+ .e-gridheader .e-headercell:not(.e-fltr-icon, .e-sort-icon) .e-headercelldiv {
5487
5487
  height: auto;
5488
5488
  }
5489
5489
 
package/SCSS-Themes/grids/grid/tailwind-dark.scss CHANGED
@@ -5483,7 +5483,7 @@ margin: $grid-group-animator-cell-margin;
5483
5483
 
5484
5484
  .e-gridheader .e-headercell,
5485
5485
  .e-gridheader .e-detailheadercell,
5486
- .e-gridheader .e-headercell .e-headercelldiv {
5486
+ .e-gridheader .e-headercell:not(.e-fltr-icon, .e-sort-icon) .e-headercelldiv {
5487
5487
  height: auto;
5488
5488
  }
5489
5489
 
package/SCSS-Themes/grids/grid/tailwind.scss CHANGED
@@ -5483,7 +5483,7 @@ margin: $grid-group-animator-cell-margin;
5483
5483
 
5484
5484
  .e-gridheader .e-headercell,
5485
5485
  .e-gridheader .e-detailheadercell,
5486
- .e-gridheader .e-headercell .e-headercelldiv {
5486
+ .e-gridheader .e-headercell:not(.e-fltr-icon, .e-sort-icon) .e-headercelldiv {
5487
5487
  height: auto;
5488
5488
  }
5489
5489