@syncfusion/blazor-themes 23.1.39 → 23.1.41

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 (51) hide show
  1. package/SCSS-Themes/bootstrap-dark.scss +116 -38
  2. package/SCSS-Themes/bootstrap.scss +116 -38
  3. package/SCSS-Themes/bootstrap4.scss +148 -40
  4. package/SCSS-Themes/bootstrap5-dark.scss +116 -38
  5. package/SCSS-Themes/bootstrap5.scss +116 -38
  6. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap4.scss +13 -2
  7. package/SCSS-Themes/dropdowns/multi-select/bootstrap4.scss +19 -0
  8. package/SCSS-Themes/fabric-dark.scss +116 -38
  9. package/SCSS-Themes/fabric.scss +116 -38
  10. package/SCSS-Themes/fluent-dark.scss +116 -38
  11. package/SCSS-Themes/fluent.scss +116 -38
  12. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +110 -33
  13. package/SCSS-Themes/grids/grid/bootstrap.scss +110 -33
  14. package/SCSS-Themes/grids/grid/bootstrap4.scss +110 -33
  15. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +110 -33
  16. package/SCSS-Themes/grids/grid/bootstrap5.scss +110 -33
  17. package/SCSS-Themes/grids/grid/fabric-dark.scss +110 -33
  18. package/SCSS-Themes/grids/grid/fabric.scss +110 -33
  19. package/SCSS-Themes/grids/grid/fluent-dark.scss +110 -33
  20. package/SCSS-Themes/grids/grid/fluent.scss +110 -33
  21. package/SCSS-Themes/grids/grid/highcontrast.scss +110 -33
  22. package/SCSS-Themes/grids/grid/material-dark.scss +110 -33
  23. package/SCSS-Themes/grids/grid/material.scss +110 -33
  24. package/SCSS-Themes/grids/grid/material3-dark.scss +110 -33
  25. package/SCSS-Themes/grids/grid/material3.scss +110 -33
  26. package/SCSS-Themes/grids/grid/tailwind-dark.scss +110 -33
  27. package/SCSS-Themes/grids/grid/tailwind.scss +110 -33
  28. package/SCSS-Themes/highcontrast.scss +116 -38
  29. package/SCSS-Themes/material-dark.scss +116 -38
  30. package/SCSS-Themes/material.scss +116 -38
  31. package/SCSS-Themes/material3-dark.scss +116 -38
  32. package/SCSS-Themes/material3.scss +116 -38
  33. package/SCSS-Themes/pivotview/pivotview/bootstrap-dark.scss +6 -5
  34. package/SCSS-Themes/pivotview/pivotview/bootstrap.scss +6 -5
  35. package/SCSS-Themes/pivotview/pivotview/bootstrap4.scss +6 -5
  36. package/SCSS-Themes/pivotview/pivotview/bootstrap5-dark.scss +6 -5
  37. package/SCSS-Themes/pivotview/pivotview/bootstrap5.scss +6 -5
  38. package/SCSS-Themes/pivotview/pivotview/fabric-dark.scss +6 -5
  39. package/SCSS-Themes/pivotview/pivotview/fabric.scss +6 -5
  40. package/SCSS-Themes/pivotview/pivotview/fluent-dark.scss +6 -5
  41. package/SCSS-Themes/pivotview/pivotview/fluent.scss +6 -5
  42. package/SCSS-Themes/pivotview/pivotview/highcontrast.scss +6 -5
  43. package/SCSS-Themes/pivotview/pivotview/material-dark.scss +6 -5
  44. package/SCSS-Themes/pivotview/pivotview/material.scss +6 -5
  45. package/SCSS-Themes/pivotview/pivotview/material3-dark.scss +6 -5
  46. package/SCSS-Themes/pivotview/pivotview/material3.scss +6 -5
  47. package/SCSS-Themes/pivotview/pivotview/tailwind-dark.scss +6 -5
  48. package/SCSS-Themes/pivotview/pivotview/tailwind.scss +6 -5
  49. package/SCSS-Themes/tailwind-dark.scss +116 -38
  50. package/SCSS-Themes/tailwind.scss +116 -38
  51. package/package.json +1 -1
@@ -77441,12 +77441,7 @@ $grid-dropitems-count-margin-left: -9px !default;
77441
77441
  margin-right: $grid-bigger-grouptext-marign;
77442
77442
  width: $grid-bigger-grouptext-width;
77443
77443
  }
77444
-
77445
- .e-gridheader table th[rowspan],
77446
- &.e-device .e-gridheader table th[rowspan] {
77447
- padding-bottom: $grid-device-gridheader-row-span-padding;
77448
- }
77449
-
77444
+
77450
77445
  .e-groupsort,
77451
77446
  span.e-ungroupbutton,
77452
77447
  .e-toggleungroup {
@@ -77688,6 +77683,14 @@ $grid-dropitems-count-margin-left: -9px !default;
77688
77683
  }
77689
77684
  }
77690
77685
  }
77686
+
77687
+ .e-bigger #{&}.e-grid:not(.sf-grid),
77688
+ #{&}.e-grid:not(.sf-grid).e-bigger {
77689
+ .e-gridheader table th[rowspan],
77690
+ &.e-device .e-gridheader table th[rowspan] {
77691
+ padding-bottom: $grid-device-gridheader-row-span-padding;
77692
+ }
77693
+ }
77691
77694
 
77692
77695
  #{&}.e-grid {
77693
77696
  border-radius: $grid-border-radius;
@@ -78687,8 +78690,8 @@ $grid-dropitems-count-margin-left: -9px !default;
78687
78690
  border-width: $grid-rowcell-both-border-width;
78688
78691
  }
78689
78692
 
78690
- .e-gridheader table th[rowspan],
78691
- &.e-device .e-gridheader table th[rowspan] {
78693
+ &:not(.sf-grid).e-gridheader table th[rowspan],
78694
+ &:not(.sf-grid).e-device .e-gridheader table th[rowspan] {
78692
78695
  padding-bottom: $grid-stackedheadercell-botttom-padding;
78693
78696
  vertical-align: bottom;
78694
78697
  }
@@ -78758,23 +78761,23 @@ $grid-dropitems-count-margin-left: -9px !default;
78758
78761
  border-width: $grid-headercell-both-border-width;
78759
78762
  }
78760
78763
 
78761
- &.e-default table th[rowspan] {
78764
+ &:not(.sf-grid).e-default table th[rowspan] {
78762
78765
  border-width: $grid-headercell-both-border-width;
78763
78766
  }
78764
78767
 
78765
- &.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
78768
+ &:not(.sf-grid).e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
78766
78769
  border-right-width: 2px;
78767
78770
  }
78768
78771
 
78769
- &.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
78772
+ &:not(.sf-grid).e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
78770
78773
  border-left-width: 2px;
78771
78774
  }
78772
78775
 
78773
- &.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
78776
+ &:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
78774
78777
  border-left-width: 1px;
78775
78778
  }
78776
78779
 
78777
- &.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
78780
+ &:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
78778
78781
  border-right-width: 1px;
78779
78782
  }
78780
78783
 
@@ -80756,26 +80759,6 @@ $grid-dropitems-count-margin-left: -9px !default;
80756
80759
  position: relative;
80757
80760
  }
80758
80761
 
80759
- &.e-default table th[rowspan] {
80760
- border-width: $grid-rtl-headercell-both-border-width;
80761
- }
80762
-
80763
- &.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
80764
- border-left-width: 2px;
80765
- }
80766
-
80767
- &.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
80768
- border-right-width: 2px;
80769
- }
80770
-
80771
- &.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
80772
- border-right-width: 1px;
80773
- }
80774
-
80775
- &.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
80776
- border-left-width: 1px;
80777
- }
80778
-
80779
80762
  &.e-default.e-bothlines .e-gridheader .e-headercell.e-firstheader,
80780
80763
  &.e-default.e-bothlines .e-gridheader th.e-grouptopleftcell.e-lastgrouptopleftcell {
80781
80764
  border-left: 1px solid;
@@ -80889,6 +80872,28 @@ $grid-dropitems-count-margin-left: -9px !default;
80889
80872
  }
80890
80873
  }
80891
80874
 
80875
+ &:not(.sf-grid).e-rtl{
80876
+ &.e-default table th[rowspan] {
80877
+ border-width: $grid-rtl-headercell-both-border-width;
80878
+ }
80879
+
80880
+ &.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
80881
+ border-left-width: 2px;
80882
+ }
80883
+
80884
+ &.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
80885
+ border-right-width: 2px;
80886
+ }
80887
+
80888
+ &.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
80889
+ border-right-width: 1px;
80890
+ }
80891
+
80892
+ &.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
80893
+ border-left-width: 1px;
80894
+ }
80895
+ }
80896
+
80892
80897
  &.e-wrap {
80893
80898
  & .e-rowcell,
80894
80899
  & .e-columnheader .e-stackedheadercelldiv,
@@ -81008,7 +81013,10 @@ $grid-dropitems-count-margin-left: -9px !default;
81008
81013
  & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell, .e-freezerightborder, .e-freezeleftborder) {
81009
81014
  border-right: 0;
81010
81015
  }
81016
+ }
81011
81017
 
81018
+ &:not(.sf-grid).e-resize-lines,
81019
+ &:not(.sf-grid).e-resize-lines.e-rtl {
81012
81020
  &.e-default table th[rowspan]:not(.e-freezerightborder, .e-freezeleftborder) {
81013
81021
  border-left: 0;
81014
81022
  }
@@ -81021,7 +81029,9 @@ $grid-dropitems-count-margin-left: -9px !default;
81021
81029
  & tr.e-columnheader th.e-laststackcell .e-rhandler.e-rcursor {
81022
81030
  border-left: 0;
81023
81031
  }
81032
+ }
81024
81033
 
81034
+ &:not(.sf-grid).e-resize-lines.e-rtl {
81025
81035
  &.e-default table th[rowspan] {
81026
81036
  border-right: 0;
81027
81037
  }
@@ -81202,6 +81212,73 @@ $grid-dropitems-count-margin-left: -9px !default;
81202
81212
  .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl){
81203
81213
  text-align: left;
81204
81214
  }
81215
+
81216
+ &.e-default table th:not([rowspan = '1']) {
81217
+ border-width: $grid-headercell-both-border-width;
81218
+ }
81219
+
81220
+ .e-gridheader table th:not([rowspan = '1']),
81221
+ .e-device .e-gridheader table th:not([rowspan = '1']) {
81222
+ padding-bottom: $grid-stackedheadercell-botttom-padding;
81223
+ vertical-align: bottom;
81224
+ }
81225
+
81226
+ &.e-default table th:not([rowspan = '1']).e-leftfreeze.e-freezeleftborder {
81227
+ border-right-width: 2px;
81228
+ }
81229
+
81230
+ &.e-default table th:not([rowspan = '1']).e-rightfreeze.e-freezerightborder {
81231
+ border-left-width: 2px;
81232
+ }
81233
+
81234
+ &.e-default table th:not([rowspan = '1']).e-fixedfreeze.e-freezeleftborder {
81235
+ border-left-width: 1px;
81236
+ }
81237
+
81238
+ &.e-default table th:not([rowspan = '1']).e-fixedfreeze.e-freezerightborder {
81239
+ border-right-width: 1px;
81240
+ }
81241
+
81242
+ &.e-rtl.e-default table th:not([rowspan = '1']) {
81243
+ border-width: $grid-rtl-headercell-both-border-width;
81244
+ }
81245
+
81246
+ &.e-rtl.e-default table th:not([rowspan = '1']).e-leftfreeze.e-freezeleftborder {
81247
+ border-left-width: 2px;
81248
+ }
81249
+
81250
+ &.e-rtl.e-default table th:not([rowspan = '1']).e-rightfreeze.e-freezerightborder {
81251
+ border-right-width: 2px;
81252
+ }
81253
+
81254
+ &.e-rtl.e-default table th:not([rowspan = '1']).e-fixedfreeze.e-freezeleftborder {
81255
+ border-right-width: 1px;
81256
+ }
81257
+
81258
+ &.e-rtl.e-default table th:not([rowspan = '1']).e-fixedfreeze.e-freezerightborder {
81259
+ border-left-width: 1px;
81260
+ }
81261
+
81262
+ &.e-resize-lines,
81263
+ &.e-resize-lines.e-rtl {
81264
+ &.e-default table th:not([rowspan = '1']):not(.e-freezerightborder, .e-freezeleftborder) {
81265
+ border-left: 0;
81266
+ }
81267
+ }
81268
+
81269
+ &.e-resize-lines.e-rtl {
81270
+ &.e-default table th:not([rowspan = '1']) {
81271
+ border-right: 0;
81272
+ }
81273
+ }
81274
+
81275
+ .e-bigger #{&}.e-grid.sf-grid,
81276
+ #{&}.e-grid.sf-grid.e-bigger {
81277
+ .e-gridheader table th:not([rowspan = '1']),
81278
+ &.e-device .e-gridheader table th:not([rowspan = '1']) {
81279
+ padding-bottom: $grid-device-gridheader-row-span-padding;
81280
+ }
81281
+ }
81205
81282
  }
81206
81283
  }
81207
81284
  }
@@ -111073,6 +111150,12 @@ $pivotpager-string-maindiv-font-color: rgba($content-text-color-alt1) !default;
111073
111150
  @if($skin-name == 'bootstrap5') {
111074
111151
  border-bottom-color: $border-light;
111075
111152
  }
111153
+
111154
+ table th[rowspan = '1'] {
111155
+ padding-bottom: 0;
111156
+ padding-top: 0;
111157
+ vertical-align: middle;
111158
+ }
111076
111159
  }
111077
111160
 
111078
111161
  .e-gtot {
@@ -111318,11 +111401,6 @@ $pivotpager-string-maindiv-font-color: rgba($content-text-color-alt1) !default;
111318
111401
  @if($skin-name == 'tailwind') or ($skin-name == 'tailwind-dark') {
111319
111402
  text-transform: none;
111320
111403
  }
111321
-
111322
- @if($skin-name == 'bootstrap5') or ($skin-name == 'FluentUI') or ($skin-name == 'tailwind') or ($skin-name == 'Material3') {
111323
- padding-top: 0px !important;
111324
- padding-bottom: 0px !important;
111325
- }
111326
111404
  }
111327
111405
 
111328
111406
  .sf-grid .e-spinner-pane {
@@ -77524,12 +77524,7 @@ $grid-dropitems-count-margin-left: -9px !default;
77524
77524
  margin-right: $grid-bigger-grouptext-marign;
77525
77525
  width: $grid-bigger-grouptext-width;
77526
77526
  }
77527
-
77528
- .e-gridheader table th[rowspan],
77529
- &.e-device .e-gridheader table th[rowspan] {
77530
- padding-bottom: $grid-device-gridheader-row-span-padding;
77531
- }
77532
-
77527
+
77533
77528
  .e-groupsort,
77534
77529
  span.e-ungroupbutton,
77535
77530
  .e-toggleungroup {
@@ -77771,6 +77766,14 @@ $grid-dropitems-count-margin-left: -9px !default;
77771
77766
  }
77772
77767
  }
77773
77768
  }
77769
+
77770
+ .e-bigger #{&}.e-grid:not(.sf-grid),
77771
+ #{&}.e-grid:not(.sf-grid).e-bigger {
77772
+ .e-gridheader table th[rowspan],
77773
+ &.e-device .e-gridheader table th[rowspan] {
77774
+ padding-bottom: $grid-device-gridheader-row-span-padding;
77775
+ }
77776
+ }
77774
77777
 
77775
77778
  #{&}.e-grid {
77776
77779
  border-radius: $grid-border-radius;
@@ -78770,8 +78773,8 @@ $grid-dropitems-count-margin-left: -9px !default;
78770
78773
  border-width: $grid-rowcell-both-border-width;
78771
78774
  }
78772
78775
 
78773
- .e-gridheader table th[rowspan],
78774
- &.e-device .e-gridheader table th[rowspan] {
78776
+ &:not(.sf-grid).e-gridheader table th[rowspan],
78777
+ &:not(.sf-grid).e-device .e-gridheader table th[rowspan] {
78775
78778
  padding-bottom: $grid-stackedheadercell-botttom-padding;
78776
78779
  vertical-align: bottom;
78777
78780
  }
@@ -78841,23 +78844,23 @@ $grid-dropitems-count-margin-left: -9px !default;
78841
78844
  border-width: $grid-headercell-both-border-width;
78842
78845
  }
78843
78846
 
78844
- &.e-default table th[rowspan] {
78847
+ &:not(.sf-grid).e-default table th[rowspan] {
78845
78848
  border-width: $grid-headercell-both-border-width;
78846
78849
  }
78847
78850
 
78848
- &.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
78851
+ &:not(.sf-grid).e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
78849
78852
  border-right-width: 2px;
78850
78853
  }
78851
78854
 
78852
- &.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
78855
+ &:not(.sf-grid).e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
78853
78856
  border-left-width: 2px;
78854
78857
  }
78855
78858
 
78856
- &.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
78859
+ &:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
78857
78860
  border-left-width: 1px;
78858
78861
  }
78859
78862
 
78860
- &.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
78863
+ &:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
78861
78864
  border-right-width: 1px;
78862
78865
  }
78863
78866
 
@@ -80839,26 +80842,6 @@ $grid-dropitems-count-margin-left: -9px !default;
80839
80842
  position: relative;
80840
80843
  }
80841
80844
 
80842
- &.e-default table th[rowspan] {
80843
- border-width: $grid-rtl-headercell-both-border-width;
80844
- }
80845
-
80846
- &.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
80847
- border-left-width: 2px;
80848
- }
80849
-
80850
- &.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
80851
- border-right-width: 2px;
80852
- }
80853
-
80854
- &.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
80855
- border-right-width: 1px;
80856
- }
80857
-
80858
- &.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
80859
- border-left-width: 1px;
80860
- }
80861
-
80862
80845
  &.e-default.e-bothlines .e-gridheader .e-headercell.e-firstheader,
80863
80846
  &.e-default.e-bothlines .e-gridheader th.e-grouptopleftcell.e-lastgrouptopleftcell {
80864
80847
  border-left: 1px solid;
@@ -80972,6 +80955,28 @@ $grid-dropitems-count-margin-left: -9px !default;
80972
80955
  }
80973
80956
  }
80974
80957
 
80958
+ &:not(.sf-grid).e-rtl{
80959
+ &.e-default table th[rowspan] {
80960
+ border-width: $grid-rtl-headercell-both-border-width;
80961
+ }
80962
+
80963
+ &.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
80964
+ border-left-width: 2px;
80965
+ }
80966
+
80967
+ &.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
80968
+ border-right-width: 2px;
80969
+ }
80970
+
80971
+ &.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
80972
+ border-right-width: 1px;
80973
+ }
80974
+
80975
+ &.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
80976
+ border-left-width: 1px;
80977
+ }
80978
+ }
80979
+
80975
80980
  &.e-wrap {
80976
80981
  & .e-rowcell,
80977
80982
  & .e-columnheader .e-stackedheadercelldiv,
@@ -81091,7 +81096,10 @@ $grid-dropitems-count-margin-left: -9px !default;
81091
81096
  & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell, .e-freezerightborder, .e-freezeleftborder) {
81092
81097
  border-right: 0;
81093
81098
  }
81099
+ }
81094
81100
 
81101
+ &:not(.sf-grid).e-resize-lines,
81102
+ &:not(.sf-grid).e-resize-lines.e-rtl {
81095
81103
  &.e-default table th[rowspan]:not(.e-freezerightborder, .e-freezeleftborder) {
81096
81104
  border-left: 0;
81097
81105
  }
@@ -81104,7 +81112,9 @@ $grid-dropitems-count-margin-left: -9px !default;
81104
81112
  & tr.e-columnheader th.e-laststackcell .e-rhandler.e-rcursor {
81105
81113
  border-left: 0;
81106
81114
  }
81115
+ }
81107
81116
 
81117
+ &:not(.sf-grid).e-resize-lines.e-rtl {
81108
81118
  &.e-default table th[rowspan] {
81109
81119
  border-right: 0;
81110
81120
  }
@@ -81285,6 +81295,73 @@ $grid-dropitems-count-margin-left: -9px !default;
81285
81295
  .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl){
81286
81296
  text-align: left;
81287
81297
  }
81298
+
81299
+ &.e-default table th:not([rowspan = '1']) {
81300
+ border-width: $grid-headercell-both-border-width;
81301
+ }
81302
+
81303
+ .e-gridheader table th:not([rowspan = '1']),
81304
+ .e-device .e-gridheader table th:not([rowspan = '1']) {
81305
+ padding-bottom: $grid-stackedheadercell-botttom-padding;
81306
+ vertical-align: bottom;
81307
+ }
81308
+
81309
+ &.e-default table th:not([rowspan = '1']).e-leftfreeze.e-freezeleftborder {
81310
+ border-right-width: 2px;
81311
+ }
81312
+
81313
+ &.e-default table th:not([rowspan = '1']).e-rightfreeze.e-freezerightborder {
81314
+ border-left-width: 2px;
81315
+ }
81316
+
81317
+ &.e-default table th:not([rowspan = '1']).e-fixedfreeze.e-freezeleftborder {
81318
+ border-left-width: 1px;
81319
+ }
81320
+
81321
+ &.e-default table th:not([rowspan = '1']).e-fixedfreeze.e-freezerightborder {
81322
+ border-right-width: 1px;
81323
+ }
81324
+
81325
+ &.e-rtl.e-default table th:not([rowspan = '1']) {
81326
+ border-width: $grid-rtl-headercell-both-border-width;
81327
+ }
81328
+
81329
+ &.e-rtl.e-default table th:not([rowspan = '1']).e-leftfreeze.e-freezeleftborder {
81330
+ border-left-width: 2px;
81331
+ }
81332
+
81333
+ &.e-rtl.e-default table th:not([rowspan = '1']).e-rightfreeze.e-freezerightborder {
81334
+ border-right-width: 2px;
81335
+ }
81336
+
81337
+ &.e-rtl.e-default table th:not([rowspan = '1']).e-fixedfreeze.e-freezeleftborder {
81338
+ border-right-width: 1px;
81339
+ }
81340
+
81341
+ &.e-rtl.e-default table th:not([rowspan = '1']).e-fixedfreeze.e-freezerightborder {
81342
+ border-left-width: 1px;
81343
+ }
81344
+
81345
+ &.e-resize-lines,
81346
+ &.e-resize-lines.e-rtl {
81347
+ &.e-default table th:not([rowspan = '1']):not(.e-freezerightborder, .e-freezeleftborder) {
81348
+ border-left: 0;
81349
+ }
81350
+ }
81351
+
81352
+ &.e-resize-lines.e-rtl {
81353
+ &.e-default table th:not([rowspan = '1']) {
81354
+ border-right: 0;
81355
+ }
81356
+ }
81357
+
81358
+ .e-bigger #{&}.e-grid.sf-grid,
81359
+ #{&}.e-grid.sf-grid.e-bigger {
81360
+ .e-gridheader table th:not([rowspan = '1']),
81361
+ &.e-device .e-gridheader table th:not([rowspan = '1']) {
81362
+ padding-bottom: $grid-device-gridheader-row-span-padding;
81363
+ }
81364
+ }
81288
81365
  }
81289
81366
  }
81290
81367
  }
@@ -111156,6 +111233,12 @@ $pivotpager-string-maindiv-font-color: rgba($content-text-color-alt1) !default;
111156
111233
  @if($skin-name == 'bootstrap5') {
111157
111234
  border-bottom-color: $border-light;
111158
111235
  }
111236
+
111237
+ table th[rowspan = '1'] {
111238
+ padding-bottom: 0;
111239
+ padding-top: 0;
111240
+ vertical-align: middle;
111241
+ }
111159
111242
  }
111160
111243
 
111161
111244
  .e-gtot {
@@ -111401,11 +111484,6 @@ $pivotpager-string-maindiv-font-color: rgba($content-text-color-alt1) !default;
111401
111484
  @if($skin-name == 'tailwind') or ($skin-name == 'tailwind-dark') {
111402
111485
  text-transform: none;
111403
111486
  }
111404
-
111405
- @if($skin-name == 'bootstrap5') or ($skin-name == 'FluentUI') or ($skin-name == 'tailwind') or ($skin-name == 'Material3') {
111406
- padding-top: 0px !important;
111407
- padding-bottom: 0px !important;
111408
- }
111409
111487
  }
111410
111488
 
111411
111489
  .sf-grid .e-spinner-pane {
@@ -1491,6 +1491,12 @@ $pivotpager-single-size-title-padding: 8px !default;
1491
1491
  @if($skin-name == 'bootstrap5') {
1492
1492
  border-bottom-color: $border-light;
1493
1493
  }
1494
+
1495
+ table th[rowspan = '1'] {
1496
+ padding-bottom: 0;
1497
+ padding-top: 0;
1498
+ vertical-align: middle;
1499
+ }
1494
1500
  }
1495
1501
 
1496
1502
  .e-gtot {
@@ -1736,11 +1742,6 @@ $pivotpager-single-size-title-padding: 8px !default;
1736
1742
  @if($skin-name == 'tailwind') or ($skin-name == 'tailwind-dark') {
1737
1743
  text-transform: none;
1738
1744
  }
1739
-
1740
- @if($skin-name == 'bootstrap5') or ($skin-name == 'FluentUI') or ($skin-name == 'tailwind') or ($skin-name == 'Material3') {
1741
- padding-top: 0px !important;
1742
- padding-bottom: 0px !important;
1743
- }
1744
1745
  }
1745
1746
 
1746
1747
  .sf-grid .e-spinner-pane {
@@ -1488,6 +1488,12 @@ $pivotpager-single-size-title-padding: 8px !default;
1488
1488
  @if($skin-name == 'bootstrap5') {
1489
1489
  border-bottom-color: $border-light;
1490
1490
  }
1491
+
1492
+ table th[rowspan = '1'] {
1493
+ padding-bottom: 0;
1494
+ padding-top: 0;
1495
+ vertical-align: middle;
1496
+ }
1491
1497
  }
1492
1498
 
1493
1499
  .e-gtot {
@@ -1733,11 +1739,6 @@ $pivotpager-single-size-title-padding: 8px !default;
1733
1739
  @if($skin-name == 'tailwind') or ($skin-name == 'tailwind-dark') {
1734
1740
  text-transform: none;
1735
1741
  }
1736
-
1737
- @if($skin-name == 'bootstrap5') or ($skin-name == 'FluentUI') or ($skin-name == 'tailwind') or ($skin-name == 'Material3') {
1738
- padding-top: 0px !important;
1739
- padding-bottom: 0px !important;
1740
- }
1741
1742
  }
1742
1743
 
1743
1744
  .sf-grid .e-spinner-pane {
@@ -1488,6 +1488,12 @@ $pivotpager-single-size-title-padding: 8px !default;
1488
1488
  @if($skin-name == 'bootstrap5') {
1489
1489
  border-bottom-color: $border-light;
1490
1490
  }
1491
+
1492
+ table th[rowspan = '1'] {
1493
+ padding-bottom: 0;
1494
+ padding-top: 0;
1495
+ vertical-align: middle;
1496
+ }
1491
1497
  }
1492
1498
 
1493
1499
  .e-gtot {
@@ -1733,11 +1739,6 @@ $pivotpager-single-size-title-padding: 8px !default;
1733
1739
  @if($skin-name == 'tailwind') or ($skin-name == 'tailwind-dark') {
1734
1740
  text-transform: none;
1735
1741
  }
1736
-
1737
- @if($skin-name == 'bootstrap5') or ($skin-name == 'FluentUI') or ($skin-name == 'tailwind') or ($skin-name == 'Material3') {
1738
- padding-top: 0px !important;
1739
- padding-bottom: 0px !important;
1740
- }
1741
1742
  }
1742
1743
 
1743
1744
  .sf-grid .e-spinner-pane {
@@ -1493,6 +1493,12 @@ $pivotpager-single-size-title-padding: 8px !default;
1493
1493
  @if($skin-name == 'bootstrap5') {
1494
1494
  border-bottom-color: $border-light;
1495
1495
  }
1496
+
1497
+ table th[rowspan = '1'] {
1498
+ padding-bottom: 0;
1499
+ padding-top: 0;
1500
+ vertical-align: middle;
1501
+ }
1496
1502
  }
1497
1503
 
1498
1504
  .e-gtot {
@@ -1738,11 +1744,6 @@ $pivotpager-single-size-title-padding: 8px !default;
1738
1744
  @if($skin-name == 'tailwind') or ($skin-name == 'tailwind-dark') {
1739
1745
  text-transform: none;
1740
1746
  }
1741
-
1742
- @if($skin-name == 'bootstrap5') or ($skin-name == 'FluentUI') or ($skin-name == 'tailwind') or ($skin-name == 'Material3') {
1743
- padding-top: 0px !important;
1744
- padding-bottom: 0px !important;
1745
- }
1746
1747
  }
1747
1748
 
1748
1749
  .sf-grid .e-spinner-pane {
@@ -1493,6 +1493,12 @@ $pivotpager-single-size-title-padding: 8px !default;
1493
1493
  @if($skin-name == 'bootstrap5') {
1494
1494
  border-bottom-color: $border-light;
1495
1495
  }
1496
+
1497
+ table th[rowspan = '1'] {
1498
+ padding-bottom: 0;
1499
+ padding-top: 0;
1500
+ vertical-align: middle;
1501
+ }
1496
1502
  }
1497
1503
 
1498
1504
  .e-gtot {
@@ -1738,11 +1744,6 @@ $pivotpager-single-size-title-padding: 8px !default;
1738
1744
  @if($skin-name == 'tailwind') or ($skin-name == 'tailwind-dark') {
1739
1745
  text-transform: none;
1740
1746
  }
1741
-
1742
- @if($skin-name == 'bootstrap5') or ($skin-name == 'FluentUI') or ($skin-name == 'tailwind') or ($skin-name == 'Material3') {
1743
- padding-top: 0px !important;
1744
- padding-bottom: 0px !important;
1745
- }
1746
1747
  }
1747
1748
 
1748
1749
  .sf-grid .e-spinner-pane {
@@ -1490,6 +1490,12 @@ $pivotpager-single-size-title-padding: 4px !default;
1490
1490
  @if($skin-name == 'bootstrap5') {
1491
1491
  border-bottom-color: $border-light;
1492
1492
  }
1493
+
1494
+ table th[rowspan = '1'] {
1495
+ padding-bottom: 0;
1496
+ padding-top: 0;
1497
+ vertical-align: middle;
1498
+ }
1493
1499
  }
1494
1500
 
1495
1501
  .e-gtot {
@@ -1735,11 +1741,6 @@ $pivotpager-single-size-title-padding: 4px !default;
1735
1741
  @if($skin-name == 'tailwind') or ($skin-name == 'tailwind-dark') {
1736
1742
  text-transform: none;
1737
1743
  }
1738
-
1739
- @if($skin-name == 'bootstrap5') or ($skin-name == 'FluentUI') or ($skin-name == 'tailwind') or ($skin-name == 'Material3') {
1740
- padding-top: 0px !important;
1741
- padding-bottom: 0px !important;
1742
- }
1743
1744
  }
1744
1745
 
1745
1746
  .sf-grid .e-spinner-pane {
@@ -1487,6 +1487,12 @@ $pivotpager-single-size-title-padding: 4px !default;
1487
1487
  @if($skin-name == 'bootstrap5') {
1488
1488
  border-bottom-color: $border-light;
1489
1489
  }
1490
+
1491
+ table th[rowspan = '1'] {
1492
+ padding-bottom: 0;
1493
+ padding-top: 0;
1494
+ vertical-align: middle;
1495
+ }
1490
1496
  }
1491
1497
 
1492
1498
  .e-gtot {
@@ -1732,11 +1738,6 @@ $pivotpager-single-size-title-padding: 4px !default;
1732
1738
  @if($skin-name == 'tailwind') or ($skin-name == 'tailwind-dark') {
1733
1739
  text-transform: none;
1734
1740
  }
1735
-
1736
- @if($skin-name == 'bootstrap5') or ($skin-name == 'FluentUI') or ($skin-name == 'tailwind') or ($skin-name == 'Material3') {
1737
- padding-top: 0px !important;
1738
- padding-bottom: 0px !important;
1739
- }
1740
1741
  }
1741
1742
 
1742
1743
  .sf-grid .e-spinner-pane {
@@ -1493,6 +1493,12 @@ $pivotpager-single-size-title-padding: 8px !default;
1493
1493
  @if($skin-name == 'bootstrap5') {
1494
1494
  border-bottom-color: $border-light;
1495
1495
  }
1496
+
1497
+ table th[rowspan = '1'] {
1498
+ padding-bottom: 0;
1499
+ padding-top: 0;
1500
+ vertical-align: middle;
1501
+ }
1496
1502
  }
1497
1503
 
1498
1504
  .e-gtot {
@@ -1738,11 +1744,6 @@ $pivotpager-single-size-title-padding: 8px !default;
1738
1744
  @if($skin-name == 'tailwind') or ($skin-name == 'tailwind-dark') {
1739
1745
  text-transform: none;
1740
1746
  }
1741
-
1742
- @if($skin-name == 'bootstrap5') or ($skin-name == 'FluentUI') or ($skin-name == 'tailwind') or ($skin-name == 'Material3') {
1743
- padding-top: 0px !important;
1744
- padding-bottom: 0px !important;
1745
- }
1746
1747
  }
1747
1748
 
1748
1749
  .sf-grid .e-spinner-pane {