@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
@@ -76464,12 +76464,7 @@ $grid-dropitems-count-margin-left: -8px !default;
76464
76464
  margin-right: $grid-bigger-grouptext-marign;
76465
76465
  width: $grid-bigger-grouptext-width;
76466
76466
  }
76467
-
76468
- .e-gridheader table th[rowspan],
76469
- &.e-device .e-gridheader table th[rowspan] {
76470
- padding-bottom: $grid-device-gridheader-row-span-padding;
76471
- }
76472
-
76467
+
76473
76468
  .e-groupsort,
76474
76469
  span.e-ungroupbutton,
76475
76470
  .e-toggleungroup {
@@ -76711,6 +76706,14 @@ $grid-dropitems-count-margin-left: -8px !default;
76711
76706
  }
76712
76707
  }
76713
76708
  }
76709
+
76710
+ .e-bigger #{&}.e-grid:not(.sf-grid),
76711
+ #{&}.e-grid:not(.sf-grid).e-bigger {
76712
+ .e-gridheader table th[rowspan],
76713
+ &.e-device .e-gridheader table th[rowspan] {
76714
+ padding-bottom: $grid-device-gridheader-row-span-padding;
76715
+ }
76716
+ }
76714
76717
 
76715
76718
  #{&}.e-grid {
76716
76719
  border-radius: $grid-border-radius;
@@ -77710,8 +77713,8 @@ $grid-dropitems-count-margin-left: -8px !default;
77710
77713
  border-width: $grid-rowcell-both-border-width;
77711
77714
  }
77712
77715
 
77713
- .e-gridheader table th[rowspan],
77714
- &.e-device .e-gridheader table th[rowspan] {
77716
+ &:not(.sf-grid).e-gridheader table th[rowspan],
77717
+ &:not(.sf-grid).e-device .e-gridheader table th[rowspan] {
77715
77718
  padding-bottom: $grid-stackedheadercell-botttom-padding;
77716
77719
  vertical-align: bottom;
77717
77720
  }
@@ -77781,23 +77784,23 @@ $grid-dropitems-count-margin-left: -8px !default;
77781
77784
  border-width: $grid-headercell-both-border-width;
77782
77785
  }
77783
77786
 
77784
- &.e-default table th[rowspan] {
77787
+ &:not(.sf-grid).e-default table th[rowspan] {
77785
77788
  border-width: $grid-headercell-both-border-width;
77786
77789
  }
77787
77790
 
77788
- &.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
77791
+ &:not(.sf-grid).e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
77789
77792
  border-right-width: 2px;
77790
77793
  }
77791
77794
 
77792
- &.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
77795
+ &:not(.sf-grid).e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
77793
77796
  border-left-width: 2px;
77794
77797
  }
77795
77798
 
77796
- &.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
77799
+ &:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
77797
77800
  border-left-width: 1px;
77798
77801
  }
77799
77802
 
77800
- &.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
77803
+ &:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
77801
77804
  border-right-width: 1px;
77802
77805
  }
77803
77806
 
@@ -79779,26 +79782,6 @@ $grid-dropitems-count-margin-left: -8px !default;
79779
79782
  position: relative;
79780
79783
  }
79781
79784
 
79782
- &.e-default table th[rowspan] {
79783
- border-width: $grid-rtl-headercell-both-border-width;
79784
- }
79785
-
79786
- &.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
79787
- border-left-width: 2px;
79788
- }
79789
-
79790
- &.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
79791
- border-right-width: 2px;
79792
- }
79793
-
79794
- &.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
79795
- border-right-width: 1px;
79796
- }
79797
-
79798
- &.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
79799
- border-left-width: 1px;
79800
- }
79801
-
79802
79785
  &.e-default.e-bothlines .e-gridheader .e-headercell.e-firstheader,
79803
79786
  &.e-default.e-bothlines .e-gridheader th.e-grouptopleftcell.e-lastgrouptopleftcell {
79804
79787
  border-left: 1px solid;
@@ -79912,6 +79895,28 @@ $grid-dropitems-count-margin-left: -8px !default;
79912
79895
  }
79913
79896
  }
79914
79897
 
79898
+ &:not(.sf-grid).e-rtl{
79899
+ &.e-default table th[rowspan] {
79900
+ border-width: $grid-rtl-headercell-both-border-width;
79901
+ }
79902
+
79903
+ &.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
79904
+ border-left-width: 2px;
79905
+ }
79906
+
79907
+ &.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
79908
+ border-right-width: 2px;
79909
+ }
79910
+
79911
+ &.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
79912
+ border-right-width: 1px;
79913
+ }
79914
+
79915
+ &.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
79916
+ border-left-width: 1px;
79917
+ }
79918
+ }
79919
+
79915
79920
  &.e-wrap {
79916
79921
  & .e-rowcell,
79917
79922
  & .e-columnheader .e-stackedheadercelldiv,
@@ -80031,7 +80036,10 @@ $grid-dropitems-count-margin-left: -8px !default;
80031
80036
  & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell, .e-freezerightborder, .e-freezeleftborder) {
80032
80037
  border-right: 0;
80033
80038
  }
80039
+ }
80034
80040
 
80041
+ &:not(.sf-grid).e-resize-lines,
80042
+ &:not(.sf-grid).e-resize-lines.e-rtl {
80035
80043
  &.e-default table th[rowspan]:not(.e-freezerightborder, .e-freezeleftborder) {
80036
80044
  border-left: 0;
80037
80045
  }
@@ -80044,7 +80052,9 @@ $grid-dropitems-count-margin-left: -8px !default;
80044
80052
  & tr.e-columnheader th.e-laststackcell .e-rhandler.e-rcursor {
80045
80053
  border-left: 0;
80046
80054
  }
80055
+ }
80047
80056
 
80057
+ &:not(.sf-grid).e-resize-lines.e-rtl {
80048
80058
  &.e-default table th[rowspan] {
80049
80059
  border-right: 0;
80050
80060
  }
@@ -80225,6 +80235,73 @@ $grid-dropitems-count-margin-left: -8px !default;
80225
80235
  .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl){
80226
80236
  text-align: left;
80227
80237
  }
80238
+
80239
+ &.e-default table th:not([rowspan = '1']) {
80240
+ border-width: $grid-headercell-both-border-width;
80241
+ }
80242
+
80243
+ .e-gridheader table th:not([rowspan = '1']),
80244
+ .e-device .e-gridheader table th:not([rowspan = '1']) {
80245
+ padding-bottom: $grid-stackedheadercell-botttom-padding;
80246
+ vertical-align: bottom;
80247
+ }
80248
+
80249
+ &.e-default table th:not([rowspan = '1']).e-leftfreeze.e-freezeleftborder {
80250
+ border-right-width: 2px;
80251
+ }
80252
+
80253
+ &.e-default table th:not([rowspan = '1']).e-rightfreeze.e-freezerightborder {
80254
+ border-left-width: 2px;
80255
+ }
80256
+
80257
+ &.e-default table th:not([rowspan = '1']).e-fixedfreeze.e-freezeleftborder {
80258
+ border-left-width: 1px;
80259
+ }
80260
+
80261
+ &.e-default table th:not([rowspan = '1']).e-fixedfreeze.e-freezerightborder {
80262
+ border-right-width: 1px;
80263
+ }
80264
+
80265
+ &.e-rtl.e-default table th:not([rowspan = '1']) {
80266
+ border-width: $grid-rtl-headercell-both-border-width;
80267
+ }
80268
+
80269
+ &.e-rtl.e-default table th:not([rowspan = '1']).e-leftfreeze.e-freezeleftborder {
80270
+ border-left-width: 2px;
80271
+ }
80272
+
80273
+ &.e-rtl.e-default table th:not([rowspan = '1']).e-rightfreeze.e-freezerightborder {
80274
+ border-right-width: 2px;
80275
+ }
80276
+
80277
+ &.e-rtl.e-default table th:not([rowspan = '1']).e-fixedfreeze.e-freezeleftborder {
80278
+ border-right-width: 1px;
80279
+ }
80280
+
80281
+ &.e-rtl.e-default table th:not([rowspan = '1']).e-fixedfreeze.e-freezerightborder {
80282
+ border-left-width: 1px;
80283
+ }
80284
+
80285
+ &.e-resize-lines,
80286
+ &.e-resize-lines.e-rtl {
80287
+ &.e-default table th:not([rowspan = '1']):not(.e-freezerightborder, .e-freezeleftborder) {
80288
+ border-left: 0;
80289
+ }
80290
+ }
80291
+
80292
+ &.e-resize-lines.e-rtl {
80293
+ &.e-default table th:not([rowspan = '1']) {
80294
+ border-right: 0;
80295
+ }
80296
+ }
80297
+
80298
+ .e-bigger #{&}.e-grid.sf-grid,
80299
+ #{&}.e-grid.sf-grid.e-bigger {
80300
+ .e-gridheader table th:not([rowspan = '1']),
80301
+ &.e-device .e-gridheader table th:not([rowspan = '1']) {
80302
+ padding-bottom: $grid-device-gridheader-row-span-padding;
80303
+ }
80304
+ }
80228
80305
  }
80229
80306
  }
80230
80307
  }
@@ -110039,6 +110116,12 @@ $pivotpager-single-size-title-padding: 8px !default;
110039
110116
  @if($skin-name == 'bootstrap5') {
110040
110117
  border-bottom-color: $border-light;
110041
110118
  }
110119
+
110120
+ table th[rowspan = '1'] {
110121
+ padding-bottom: 0;
110122
+ padding-top: 0;
110123
+ vertical-align: middle;
110124
+ }
110042
110125
  }
110043
110126
 
110044
110127
  .e-gtot {
@@ -110284,11 +110367,6 @@ $pivotpager-single-size-title-padding: 8px !default;
110284
110367
  @if($skin-name == 'tailwind') or ($skin-name == 'tailwind-dark') {
110285
110368
  text-transform: none;
110286
110369
  }
110287
-
110288
- @if($skin-name == 'bootstrap5') or ($skin-name == 'FluentUI') or ($skin-name == 'tailwind') or ($skin-name == 'Material3') {
110289
- padding-top: 0px !important;
110290
- padding-bottom: 0px !important;
110291
- }
110292
110370
  }
110293
110371
 
110294
110372
  .sf-grid .e-spinner-pane {
@@ -1341,12 +1341,7 @@ $grid-dropitems-count-margin-left: -8px !default;
1341
1341
  margin-right: $grid-bigger-grouptext-marign;
1342
1342
  width: $grid-bigger-grouptext-width;
1343
1343
  }
1344
-
1345
- .e-gridheader table th[rowspan],
1346
- &.e-device .e-gridheader table th[rowspan] {
1347
- padding-bottom: $grid-device-gridheader-row-span-padding;
1348
- }
1349
-
1344
+
1350
1345
  .e-groupsort,
1351
1346
  span.e-ungroupbutton,
1352
1347
  .e-toggleungroup {
@@ -1588,6 +1583,14 @@ $grid-dropitems-count-margin-left: -8px !default;
1588
1583
  }
1589
1584
  }
1590
1585
  }
1586
+
1587
+ .e-bigger #{&}.e-grid:not(.sf-grid),
1588
+ #{&}.e-grid:not(.sf-grid).e-bigger {
1589
+ .e-gridheader table th[rowspan],
1590
+ &.e-device .e-gridheader table th[rowspan] {
1591
+ padding-bottom: $grid-device-gridheader-row-span-padding;
1592
+ }
1593
+ }
1591
1594
 
1592
1595
  #{&}.e-grid {
1593
1596
  border-radius: $grid-border-radius;
@@ -2587,8 +2590,8 @@ $grid-dropitems-count-margin-left: -8px !default;
2587
2590
  border-width: $grid-rowcell-both-border-width;
2588
2591
  }
2589
2592
 
2590
- .e-gridheader table th[rowspan],
2591
- &.e-device .e-gridheader table th[rowspan] {
2593
+ &:not(.sf-grid).e-gridheader table th[rowspan],
2594
+ &:not(.sf-grid).e-device .e-gridheader table th[rowspan] {
2592
2595
  padding-bottom: $grid-stackedheadercell-botttom-padding;
2593
2596
  vertical-align: bottom;
2594
2597
  }
@@ -2658,23 +2661,23 @@ $grid-dropitems-count-margin-left: -8px !default;
2658
2661
  border-width: $grid-headercell-both-border-width;
2659
2662
  }
2660
2663
 
2661
- &.e-default table th[rowspan] {
2664
+ &:not(.sf-grid).e-default table th[rowspan] {
2662
2665
  border-width: $grid-headercell-both-border-width;
2663
2666
  }
2664
2667
 
2665
- &.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
2668
+ &:not(.sf-grid).e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
2666
2669
  border-right-width: 2px;
2667
2670
  }
2668
2671
 
2669
- &.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
2672
+ &:not(.sf-grid).e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
2670
2673
  border-left-width: 2px;
2671
2674
  }
2672
2675
 
2673
- &.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
2676
+ &:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
2674
2677
  border-left-width: 1px;
2675
2678
  }
2676
2679
 
2677
- &.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
2680
+ &:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
2678
2681
  border-right-width: 1px;
2679
2682
  }
2680
2683
 
@@ -4656,26 +4659,6 @@ $grid-dropitems-count-margin-left: -8px !default;
4656
4659
  position: relative;
4657
4660
  }
4658
4661
 
4659
- &.e-default table th[rowspan] {
4660
- border-width: $grid-rtl-headercell-both-border-width;
4661
- }
4662
-
4663
- &.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
4664
- border-left-width: 2px;
4665
- }
4666
-
4667
- &.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
4668
- border-right-width: 2px;
4669
- }
4670
-
4671
- &.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
4672
- border-right-width: 1px;
4673
- }
4674
-
4675
- &.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
4676
- border-left-width: 1px;
4677
- }
4678
-
4679
4662
  &.e-default.e-bothlines .e-gridheader .e-headercell.e-firstheader,
4680
4663
  &.e-default.e-bothlines .e-gridheader th.e-grouptopleftcell.e-lastgrouptopleftcell {
4681
4664
  border-left: 1px solid;
@@ -4789,6 +4772,28 @@ $grid-dropitems-count-margin-left: -8px !default;
4789
4772
  }
4790
4773
  }
4791
4774
 
4775
+ &:not(.sf-grid).e-rtl{
4776
+ &.e-default table th[rowspan] {
4777
+ border-width: $grid-rtl-headercell-both-border-width;
4778
+ }
4779
+
4780
+ &.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
4781
+ border-left-width: 2px;
4782
+ }
4783
+
4784
+ &.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
4785
+ border-right-width: 2px;
4786
+ }
4787
+
4788
+ &.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
4789
+ border-right-width: 1px;
4790
+ }
4791
+
4792
+ &.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
4793
+ border-left-width: 1px;
4794
+ }
4795
+ }
4796
+
4792
4797
  &.e-wrap {
4793
4798
  & .e-rowcell,
4794
4799
  & .e-columnheader .e-stackedheadercelldiv,
@@ -4908,7 +4913,10 @@ $grid-dropitems-count-margin-left: -8px !default;
4908
4913
  & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell, .e-freezerightborder, .e-freezeleftborder) {
4909
4914
  border-right: 0;
4910
4915
  }
4916
+ }
4911
4917
 
4918
+ &:not(.sf-grid).e-resize-lines,
4919
+ &:not(.sf-grid).e-resize-lines.e-rtl {
4912
4920
  &.e-default table th[rowspan]:not(.e-freezerightborder, .e-freezeleftborder) {
4913
4921
  border-left: 0;
4914
4922
  }
@@ -4921,7 +4929,9 @@ $grid-dropitems-count-margin-left: -8px !default;
4921
4929
  & tr.e-columnheader th.e-laststackcell .e-rhandler.e-rcursor {
4922
4930
  border-left: 0;
4923
4931
  }
4932
+ }
4924
4933
 
4934
+ &:not(.sf-grid).e-resize-lines.e-rtl {
4925
4935
  &.e-default table th[rowspan] {
4926
4936
  border-right: 0;
4927
4937
  }
@@ -5102,6 +5112,73 @@ $grid-dropitems-count-margin-left: -8px !default;
5102
5112
  .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl){
5103
5113
  text-align: left;
5104
5114
  }
5115
+
5116
+ &.e-default table th:not([rowspan = '1']) {
5117
+ border-width: $grid-headercell-both-border-width;
5118
+ }
5119
+
5120
+ .e-gridheader table th:not([rowspan = '1']),
5121
+ .e-device .e-gridheader table th:not([rowspan = '1']) {
5122
+ padding-bottom: $grid-stackedheadercell-botttom-padding;
5123
+ vertical-align: bottom;
5124
+ }
5125
+
5126
+ &.e-default table th:not([rowspan = '1']).e-leftfreeze.e-freezeleftborder {
5127
+ border-right-width: 2px;
5128
+ }
5129
+
5130
+ &.e-default table th:not([rowspan = '1']).e-rightfreeze.e-freezerightborder {
5131
+ border-left-width: 2px;
5132
+ }
5133
+
5134
+ &.e-default table th:not([rowspan = '1']).e-fixedfreeze.e-freezeleftborder {
5135
+ border-left-width: 1px;
5136
+ }
5137
+
5138
+ &.e-default table th:not([rowspan = '1']).e-fixedfreeze.e-freezerightborder {
5139
+ border-right-width: 1px;
5140
+ }
5141
+
5142
+ &.e-rtl.e-default table th:not([rowspan = '1']) {
5143
+ border-width: $grid-rtl-headercell-both-border-width;
5144
+ }
5145
+
5146
+ &.e-rtl.e-default table th:not([rowspan = '1']).e-leftfreeze.e-freezeleftborder {
5147
+ border-left-width: 2px;
5148
+ }
5149
+
5150
+ &.e-rtl.e-default table th:not([rowspan = '1']).e-rightfreeze.e-freezerightborder {
5151
+ border-right-width: 2px;
5152
+ }
5153
+
5154
+ &.e-rtl.e-default table th:not([rowspan = '1']).e-fixedfreeze.e-freezeleftborder {
5155
+ border-right-width: 1px;
5156
+ }
5157
+
5158
+ &.e-rtl.e-default table th:not([rowspan = '1']).e-fixedfreeze.e-freezerightborder {
5159
+ border-left-width: 1px;
5160
+ }
5161
+
5162
+ &.e-resize-lines,
5163
+ &.e-resize-lines.e-rtl {
5164
+ &.e-default table th:not([rowspan = '1']):not(.e-freezerightborder, .e-freezeleftborder) {
5165
+ border-left: 0;
5166
+ }
5167
+ }
5168
+
5169
+ &.e-resize-lines.e-rtl {
5170
+ &.e-default table th:not([rowspan = '1']) {
5171
+ border-right: 0;
5172
+ }
5173
+ }
5174
+
5175
+ .e-bigger #{&}.e-grid.sf-grid,
5176
+ #{&}.e-grid.sf-grid.e-bigger {
5177
+ .e-gridheader table th:not([rowspan = '1']),
5178
+ &.e-device .e-gridheader table th:not([rowspan = '1']) {
5179
+ padding-bottom: $grid-device-gridheader-row-span-padding;
5180
+ }
5181
+ }
5105
5182
  }
5106
5183
  }
5107
5184
  }
@@ -1343,12 +1343,7 @@ $grid-dropitems-count-margin-left: -8px !default;
1343
1343
  margin-right: $grid-bigger-grouptext-marign;
1344
1344
  width: $grid-bigger-grouptext-width;
1345
1345
  }
1346
-
1347
- .e-gridheader table th[rowspan],
1348
- &.e-device .e-gridheader table th[rowspan] {
1349
- padding-bottom: $grid-device-gridheader-row-span-padding;
1350
- }
1351
-
1346
+
1352
1347
  .e-groupsort,
1353
1348
  span.e-ungroupbutton,
1354
1349
  .e-toggleungroup {
@@ -1590,6 +1585,14 @@ $grid-dropitems-count-margin-left: -8px !default;
1590
1585
  }
1591
1586
  }
1592
1587
  }
1588
+
1589
+ .e-bigger #{&}.e-grid:not(.sf-grid),
1590
+ #{&}.e-grid:not(.sf-grid).e-bigger {
1591
+ .e-gridheader table th[rowspan],
1592
+ &.e-device .e-gridheader table th[rowspan] {
1593
+ padding-bottom: $grid-device-gridheader-row-span-padding;
1594
+ }
1595
+ }
1593
1596
 
1594
1597
  #{&}.e-grid {
1595
1598
  border-radius: $grid-border-radius;
@@ -2589,8 +2592,8 @@ $grid-dropitems-count-margin-left: -8px !default;
2589
2592
  border-width: $grid-rowcell-both-border-width;
2590
2593
  }
2591
2594
 
2592
- .e-gridheader table th[rowspan],
2593
- &.e-device .e-gridheader table th[rowspan] {
2595
+ &:not(.sf-grid).e-gridheader table th[rowspan],
2596
+ &:not(.sf-grid).e-device .e-gridheader table th[rowspan] {
2594
2597
  padding-bottom: $grid-stackedheadercell-botttom-padding;
2595
2598
  vertical-align: bottom;
2596
2599
  }
@@ -2660,23 +2663,23 @@ $grid-dropitems-count-margin-left: -8px !default;
2660
2663
  border-width: $grid-headercell-both-border-width;
2661
2664
  }
2662
2665
 
2663
- &.e-default table th[rowspan] {
2666
+ &:not(.sf-grid).e-default table th[rowspan] {
2664
2667
  border-width: $grid-headercell-both-border-width;
2665
2668
  }
2666
2669
 
2667
- &.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
2670
+ &:not(.sf-grid).e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
2668
2671
  border-right-width: 2px;
2669
2672
  }
2670
2673
 
2671
- &.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
2674
+ &:not(.sf-grid).e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
2672
2675
  border-left-width: 2px;
2673
2676
  }
2674
2677
 
2675
- &.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
2678
+ &:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
2676
2679
  border-left-width: 1px;
2677
2680
  }
2678
2681
 
2679
- &.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
2682
+ &:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
2680
2683
  border-right-width: 1px;
2681
2684
  }
2682
2685
 
@@ -4658,26 +4661,6 @@ $grid-dropitems-count-margin-left: -8px !default;
4658
4661
  position: relative;
4659
4662
  }
4660
4663
 
4661
- &.e-default table th[rowspan] {
4662
- border-width: $grid-rtl-headercell-both-border-width;
4663
- }
4664
-
4665
- &.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
4666
- border-left-width: 2px;
4667
- }
4668
-
4669
- &.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
4670
- border-right-width: 2px;
4671
- }
4672
-
4673
- &.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
4674
- border-right-width: 1px;
4675
- }
4676
-
4677
- &.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
4678
- border-left-width: 1px;
4679
- }
4680
-
4681
4664
  &.e-default.e-bothlines .e-gridheader .e-headercell.e-firstheader,
4682
4665
  &.e-default.e-bothlines .e-gridheader th.e-grouptopleftcell.e-lastgrouptopleftcell {
4683
4666
  border-left: 1px solid;
@@ -4791,6 +4774,28 @@ $grid-dropitems-count-margin-left: -8px !default;
4791
4774
  }
4792
4775
  }
4793
4776
 
4777
+ &:not(.sf-grid).e-rtl{
4778
+ &.e-default table th[rowspan] {
4779
+ border-width: $grid-rtl-headercell-both-border-width;
4780
+ }
4781
+
4782
+ &.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
4783
+ border-left-width: 2px;
4784
+ }
4785
+
4786
+ &.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
4787
+ border-right-width: 2px;
4788
+ }
4789
+
4790
+ &.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
4791
+ border-right-width: 1px;
4792
+ }
4793
+
4794
+ &.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
4795
+ border-left-width: 1px;
4796
+ }
4797
+ }
4798
+
4794
4799
  &.e-wrap {
4795
4800
  & .e-rowcell,
4796
4801
  & .e-columnheader .e-stackedheadercelldiv,
@@ -4910,7 +4915,10 @@ $grid-dropitems-count-margin-left: -8px !default;
4910
4915
  & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell, .e-freezerightborder, .e-freezeleftborder) {
4911
4916
  border-right: 0;
4912
4917
  }
4918
+ }
4913
4919
 
4920
+ &:not(.sf-grid).e-resize-lines,
4921
+ &:not(.sf-grid).e-resize-lines.e-rtl {
4914
4922
  &.e-default table th[rowspan]:not(.e-freezerightborder, .e-freezeleftborder) {
4915
4923
  border-left: 0;
4916
4924
  }
@@ -4923,7 +4931,9 @@ $grid-dropitems-count-margin-left: -8px !default;
4923
4931
  & tr.e-columnheader th.e-laststackcell .e-rhandler.e-rcursor {
4924
4932
  border-left: 0;
4925
4933
  }
4934
+ }
4926
4935
 
4936
+ &:not(.sf-grid).e-resize-lines.e-rtl {
4927
4937
  &.e-default table th[rowspan] {
4928
4938
  border-right: 0;
4929
4939
  }
@@ -5104,6 +5114,73 @@ $grid-dropitems-count-margin-left: -8px !default;
5104
5114
  .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl){
5105
5115
  text-align: left;
5106
5116
  }
5117
+
5118
+ &.e-default table th:not([rowspan = '1']) {
5119
+ border-width: $grid-headercell-both-border-width;
5120
+ }
5121
+
5122
+ .e-gridheader table th:not([rowspan = '1']),
5123
+ .e-device .e-gridheader table th:not([rowspan = '1']) {
5124
+ padding-bottom: $grid-stackedheadercell-botttom-padding;
5125
+ vertical-align: bottom;
5126
+ }
5127
+
5128
+ &.e-default table th:not([rowspan = '1']).e-leftfreeze.e-freezeleftborder {
5129
+ border-right-width: 2px;
5130
+ }
5131
+
5132
+ &.e-default table th:not([rowspan = '1']).e-rightfreeze.e-freezerightborder {
5133
+ border-left-width: 2px;
5134
+ }
5135
+
5136
+ &.e-default table th:not([rowspan = '1']).e-fixedfreeze.e-freezeleftborder {
5137
+ border-left-width: 1px;
5138
+ }
5139
+
5140
+ &.e-default table th:not([rowspan = '1']).e-fixedfreeze.e-freezerightborder {
5141
+ border-right-width: 1px;
5142
+ }
5143
+
5144
+ &.e-rtl.e-default table th:not([rowspan = '1']) {
5145
+ border-width: $grid-rtl-headercell-both-border-width;
5146
+ }
5147
+
5148
+ &.e-rtl.e-default table th:not([rowspan = '1']).e-leftfreeze.e-freezeleftborder {
5149
+ border-left-width: 2px;
5150
+ }
5151
+
5152
+ &.e-rtl.e-default table th:not([rowspan = '1']).e-rightfreeze.e-freezerightborder {
5153
+ border-right-width: 2px;
5154
+ }
5155
+
5156
+ &.e-rtl.e-default table th:not([rowspan = '1']).e-fixedfreeze.e-freezeleftborder {
5157
+ border-right-width: 1px;
5158
+ }
5159
+
5160
+ &.e-rtl.e-default table th:not([rowspan = '1']).e-fixedfreeze.e-freezerightborder {
5161
+ border-left-width: 1px;
5162
+ }
5163
+
5164
+ &.e-resize-lines,
5165
+ &.e-resize-lines.e-rtl {
5166
+ &.e-default table th:not([rowspan = '1']):not(.e-freezerightborder, .e-freezeleftborder) {
5167
+ border-left: 0;
5168
+ }
5169
+ }
5170
+
5171
+ &.e-resize-lines.e-rtl {
5172
+ &.e-default table th:not([rowspan = '1']) {
5173
+ border-right: 0;
5174
+ }
5175
+ }
5176
+
5177
+ .e-bigger #{&}.e-grid.sf-grid,
5178
+ #{&}.e-grid.sf-grid.e-bigger {
5179
+ .e-gridheader table th:not([rowspan = '1']),
5180
+ &.e-device .e-gridheader table th:not([rowspan = '1']) {
5181
+ padding-bottom: $grid-device-gridheader-row-span-padding;
5182
+ }
5183
+ }
5107
5184
  }
5108
5185
  }
5109
5186
  }