@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
@@ -1333,12 +1333,7 @@ $grid-dropitems-count-margin-left: -8px !default;
1333
1333
  margin-right: $grid-bigger-grouptext-marign;
1334
1334
  width: $grid-bigger-grouptext-width;
1335
1335
  }
1336
-
1337
- .e-gridheader table th[rowspan],
1338
- &.e-device .e-gridheader table th[rowspan] {
1339
- padding-bottom: $grid-device-gridheader-row-span-padding;
1340
- }
1341
-
1336
+
1342
1337
  .e-groupsort,
1343
1338
  span.e-ungroupbutton,
1344
1339
  .e-toggleungroup {
@@ -1580,6 +1575,14 @@ $grid-dropitems-count-margin-left: -8px !default;
1580
1575
  }
1581
1576
  }
1582
1577
  }
1578
+
1579
+ .e-bigger #{&}.e-grid:not(.sf-grid),
1580
+ #{&}.e-grid:not(.sf-grid).e-bigger {
1581
+ .e-gridheader table th[rowspan],
1582
+ &.e-device .e-gridheader table th[rowspan] {
1583
+ padding-bottom: $grid-device-gridheader-row-span-padding;
1584
+ }
1585
+ }
1583
1586
 
1584
1587
  #{&}.e-grid {
1585
1588
  border-radius: $grid-border-radius;
@@ -2579,8 +2582,8 @@ $grid-dropitems-count-margin-left: -8px !default;
2579
2582
  border-width: $grid-rowcell-both-border-width;
2580
2583
  }
2581
2584
 
2582
- .e-gridheader table th[rowspan],
2583
- &.e-device .e-gridheader table th[rowspan] {
2585
+ &:not(.sf-grid).e-gridheader table th[rowspan],
2586
+ &:not(.sf-grid).e-device .e-gridheader table th[rowspan] {
2584
2587
  padding-bottom: $grid-stackedheadercell-botttom-padding;
2585
2588
  vertical-align: bottom;
2586
2589
  }
@@ -2650,23 +2653,23 @@ $grid-dropitems-count-margin-left: -8px !default;
2650
2653
  border-width: $grid-headercell-both-border-width;
2651
2654
  }
2652
2655
 
2653
- &.e-default table th[rowspan] {
2656
+ &:not(.sf-grid).e-default table th[rowspan] {
2654
2657
  border-width: $grid-headercell-both-border-width;
2655
2658
  }
2656
2659
 
2657
- &.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
2660
+ &:not(.sf-grid).e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
2658
2661
  border-right-width: 2px;
2659
2662
  }
2660
2663
 
2661
- &.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
2664
+ &:not(.sf-grid).e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
2662
2665
  border-left-width: 2px;
2663
2666
  }
2664
2667
 
2665
- &.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
2668
+ &:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
2666
2669
  border-left-width: 1px;
2667
2670
  }
2668
2671
 
2669
- &.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
2672
+ &:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
2670
2673
  border-right-width: 1px;
2671
2674
  }
2672
2675
 
@@ -4648,26 +4651,6 @@ $grid-dropitems-count-margin-left: -8px !default;
4648
4651
  position: relative;
4649
4652
  }
4650
4653
 
4651
- &.e-default table th[rowspan] {
4652
- border-width: $grid-rtl-headercell-both-border-width;
4653
- }
4654
-
4655
- &.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
4656
- border-left-width: 2px;
4657
- }
4658
-
4659
- &.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
4660
- border-right-width: 2px;
4661
- }
4662
-
4663
- &.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
4664
- border-right-width: 1px;
4665
- }
4666
-
4667
- &.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
4668
- border-left-width: 1px;
4669
- }
4670
-
4671
4654
  &.e-default.e-bothlines .e-gridheader .e-headercell.e-firstheader,
4672
4655
  &.e-default.e-bothlines .e-gridheader th.e-grouptopleftcell.e-lastgrouptopleftcell {
4673
4656
  border-left: 1px solid;
@@ -4781,6 +4764,28 @@ $grid-dropitems-count-margin-left: -8px !default;
4781
4764
  }
4782
4765
  }
4783
4766
 
4767
+ &:not(.sf-grid).e-rtl{
4768
+ &.e-default table th[rowspan] {
4769
+ border-width: $grid-rtl-headercell-both-border-width;
4770
+ }
4771
+
4772
+ &.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
4773
+ border-left-width: 2px;
4774
+ }
4775
+
4776
+ &.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
4777
+ border-right-width: 2px;
4778
+ }
4779
+
4780
+ &.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
4781
+ border-right-width: 1px;
4782
+ }
4783
+
4784
+ &.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
4785
+ border-left-width: 1px;
4786
+ }
4787
+ }
4788
+
4784
4789
  &.e-wrap {
4785
4790
  & .e-rowcell,
4786
4791
  & .e-columnheader .e-stackedheadercelldiv,
@@ -4900,7 +4905,10 @@ $grid-dropitems-count-margin-left: -8px !default;
4900
4905
  & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell, .e-freezerightborder, .e-freezeleftborder) {
4901
4906
  border-right: 0;
4902
4907
  }
4908
+ }
4903
4909
 
4910
+ &:not(.sf-grid).e-resize-lines,
4911
+ &:not(.sf-grid).e-resize-lines.e-rtl {
4904
4912
  &.e-default table th[rowspan]:not(.e-freezerightborder, .e-freezeleftborder) {
4905
4913
  border-left: 0;
4906
4914
  }
@@ -4913,7 +4921,9 @@ $grid-dropitems-count-margin-left: -8px !default;
4913
4921
  & tr.e-columnheader th.e-laststackcell .e-rhandler.e-rcursor {
4914
4922
  border-left: 0;
4915
4923
  }
4924
+ }
4916
4925
 
4926
+ &:not(.sf-grid).e-resize-lines.e-rtl {
4917
4927
  &.e-default table th[rowspan] {
4918
4928
  border-right: 0;
4919
4929
  }
@@ -5094,6 +5104,73 @@ $grid-dropitems-count-margin-left: -8px !default;
5094
5104
  .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl){
5095
5105
  text-align: left;
5096
5106
  }
5107
+
5108
+ &.e-default table th:not([rowspan = '1']) {
5109
+ border-width: $grid-headercell-both-border-width;
5110
+ }
5111
+
5112
+ .e-gridheader table th:not([rowspan = '1']),
5113
+ .e-device .e-gridheader table th:not([rowspan = '1']) {
5114
+ padding-bottom: $grid-stackedheadercell-botttom-padding;
5115
+ vertical-align: bottom;
5116
+ }
5117
+
5118
+ &.e-default table th:not([rowspan = '1']).e-leftfreeze.e-freezeleftborder {
5119
+ border-right-width: 2px;
5120
+ }
5121
+
5122
+ &.e-default table th:not([rowspan = '1']).e-rightfreeze.e-freezerightborder {
5123
+ border-left-width: 2px;
5124
+ }
5125
+
5126
+ &.e-default table th:not([rowspan = '1']).e-fixedfreeze.e-freezeleftborder {
5127
+ border-left-width: 1px;
5128
+ }
5129
+
5130
+ &.e-default table th:not([rowspan = '1']).e-fixedfreeze.e-freezerightborder {
5131
+ border-right-width: 1px;
5132
+ }
5133
+
5134
+ &.e-rtl.e-default table th:not([rowspan = '1']) {
5135
+ border-width: $grid-rtl-headercell-both-border-width;
5136
+ }
5137
+
5138
+ &.e-rtl.e-default table th:not([rowspan = '1']).e-leftfreeze.e-freezeleftborder {
5139
+ border-left-width: 2px;
5140
+ }
5141
+
5142
+ &.e-rtl.e-default table th:not([rowspan = '1']).e-rightfreeze.e-freezerightborder {
5143
+ border-right-width: 2px;
5144
+ }
5145
+
5146
+ &.e-rtl.e-default table th:not([rowspan = '1']).e-fixedfreeze.e-freezeleftborder {
5147
+ border-right-width: 1px;
5148
+ }
5149
+
5150
+ &.e-rtl.e-default table th:not([rowspan = '1']).e-fixedfreeze.e-freezerightborder {
5151
+ border-left-width: 1px;
5152
+ }
5153
+
5154
+ &.e-resize-lines,
5155
+ &.e-resize-lines.e-rtl {
5156
+ &.e-default table th:not([rowspan = '1']):not(.e-freezerightborder, .e-freezeleftborder) {
5157
+ border-left: 0;
5158
+ }
5159
+ }
5160
+
5161
+ &.e-resize-lines.e-rtl {
5162
+ &.e-default table th:not([rowspan = '1']) {
5163
+ border-right: 0;
5164
+ }
5165
+ }
5166
+
5167
+ .e-bigger #{&}.e-grid.sf-grid,
5168
+ #{&}.e-grid.sf-grid.e-bigger {
5169
+ .e-gridheader table th:not([rowspan = '1']),
5170
+ &.e-device .e-gridheader table th:not([rowspan = '1']) {
5171
+ padding-bottom: $grid-device-gridheader-row-span-padding;
5172
+ }
5173
+ }
5097
5174
  }
5098
5175
  }
5099
5176
  }
@@ -1338,12 +1338,7 @@ $grid-dropitems-count-margin-left: -8px !default;
1338
1338
  margin-right: $grid-bigger-grouptext-marign;
1339
1339
  width: $grid-bigger-grouptext-width;
1340
1340
  }
1341
-
1342
- .e-gridheader table th[rowspan],
1343
- &.e-device .e-gridheader table th[rowspan] {
1344
- padding-bottom: $grid-device-gridheader-row-span-padding;
1345
- }
1346
-
1341
+
1347
1342
  .e-groupsort,
1348
1343
  span.e-ungroupbutton,
1349
1344
  .e-toggleungroup {
@@ -1585,6 +1580,14 @@ $grid-dropitems-count-margin-left: -8px !default;
1585
1580
  }
1586
1581
  }
1587
1582
  }
1583
+
1584
+ .e-bigger #{&}.e-grid:not(.sf-grid),
1585
+ #{&}.e-grid:not(.sf-grid).e-bigger {
1586
+ .e-gridheader table th[rowspan],
1587
+ &.e-device .e-gridheader table th[rowspan] {
1588
+ padding-bottom: $grid-device-gridheader-row-span-padding;
1589
+ }
1590
+ }
1588
1591
 
1589
1592
  #{&}.e-grid {
1590
1593
  border-radius: $grid-border-radius;
@@ -2584,8 +2587,8 @@ $grid-dropitems-count-margin-left: -8px !default;
2584
2587
  border-width: $grid-rowcell-both-border-width;
2585
2588
  }
2586
2589
 
2587
- .e-gridheader table th[rowspan],
2588
- &.e-device .e-gridheader table th[rowspan] {
2590
+ &:not(.sf-grid).e-gridheader table th[rowspan],
2591
+ &:not(.sf-grid).e-device .e-gridheader table th[rowspan] {
2589
2592
  padding-bottom: $grid-stackedheadercell-botttom-padding;
2590
2593
  vertical-align: bottom;
2591
2594
  }
@@ -2655,23 +2658,23 @@ $grid-dropitems-count-margin-left: -8px !default;
2655
2658
  border-width: $grid-headercell-both-border-width;
2656
2659
  }
2657
2660
 
2658
- &.e-default table th[rowspan] {
2661
+ &:not(.sf-grid).e-default table th[rowspan] {
2659
2662
  border-width: $grid-headercell-both-border-width;
2660
2663
  }
2661
2664
 
2662
- &.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
2665
+ &:not(.sf-grid).e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
2663
2666
  border-right-width: 2px;
2664
2667
  }
2665
2668
 
2666
- &.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
2669
+ &:not(.sf-grid).e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
2667
2670
  border-left-width: 2px;
2668
2671
  }
2669
2672
 
2670
- &.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
2673
+ &:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
2671
2674
  border-left-width: 1px;
2672
2675
  }
2673
2676
 
2674
- &.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
2677
+ &:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
2675
2678
  border-right-width: 1px;
2676
2679
  }
2677
2680
 
@@ -4653,26 +4656,6 @@ $grid-dropitems-count-margin-left: -8px !default;
4653
4656
  position: relative;
4654
4657
  }
4655
4658
 
4656
- &.e-default table th[rowspan] {
4657
- border-width: $grid-rtl-headercell-both-border-width;
4658
- }
4659
-
4660
- &.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
4661
- border-left-width: 2px;
4662
- }
4663
-
4664
- &.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
4665
- border-right-width: 2px;
4666
- }
4667
-
4668
- &.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
4669
- border-right-width: 1px;
4670
- }
4671
-
4672
- &.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
4673
- border-left-width: 1px;
4674
- }
4675
-
4676
4659
  &.e-default.e-bothlines .e-gridheader .e-headercell.e-firstheader,
4677
4660
  &.e-default.e-bothlines .e-gridheader th.e-grouptopleftcell.e-lastgrouptopleftcell {
4678
4661
  border-left: 1px solid;
@@ -4786,6 +4769,28 @@ $grid-dropitems-count-margin-left: -8px !default;
4786
4769
  }
4787
4770
  }
4788
4771
 
4772
+ &:not(.sf-grid).e-rtl{
4773
+ &.e-default table th[rowspan] {
4774
+ border-width: $grid-rtl-headercell-both-border-width;
4775
+ }
4776
+
4777
+ &.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
4778
+ border-left-width: 2px;
4779
+ }
4780
+
4781
+ &.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
4782
+ border-right-width: 2px;
4783
+ }
4784
+
4785
+ &.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
4786
+ border-right-width: 1px;
4787
+ }
4788
+
4789
+ &.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
4790
+ border-left-width: 1px;
4791
+ }
4792
+ }
4793
+
4789
4794
  &.e-wrap {
4790
4795
  & .e-rowcell,
4791
4796
  & .e-columnheader .e-stackedheadercelldiv,
@@ -4905,7 +4910,10 @@ $grid-dropitems-count-margin-left: -8px !default;
4905
4910
  & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell, .e-freezerightborder, .e-freezeleftborder) {
4906
4911
  border-right: 0;
4907
4912
  }
4913
+ }
4908
4914
 
4915
+ &:not(.sf-grid).e-resize-lines,
4916
+ &:not(.sf-grid).e-resize-lines.e-rtl {
4909
4917
  &.e-default table th[rowspan]:not(.e-freezerightborder, .e-freezeleftborder) {
4910
4918
  border-left: 0;
4911
4919
  }
@@ -4918,7 +4926,9 @@ $grid-dropitems-count-margin-left: -8px !default;
4918
4926
  & tr.e-columnheader th.e-laststackcell .e-rhandler.e-rcursor {
4919
4927
  border-left: 0;
4920
4928
  }
4929
+ }
4921
4930
 
4931
+ &:not(.sf-grid).e-resize-lines.e-rtl {
4922
4932
  &.e-default table th[rowspan] {
4923
4933
  border-right: 0;
4924
4934
  }
@@ -5099,6 +5109,73 @@ $grid-dropitems-count-margin-left: -8px !default;
5099
5109
  .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl){
5100
5110
  text-align: left;
5101
5111
  }
5112
+
5113
+ &.e-default table th:not([rowspan = '1']) {
5114
+ border-width: $grid-headercell-both-border-width;
5115
+ }
5116
+
5117
+ .e-gridheader table th:not([rowspan = '1']),
5118
+ .e-device .e-gridheader table th:not([rowspan = '1']) {
5119
+ padding-bottom: $grid-stackedheadercell-botttom-padding;
5120
+ vertical-align: bottom;
5121
+ }
5122
+
5123
+ &.e-default table th:not([rowspan = '1']).e-leftfreeze.e-freezeleftborder {
5124
+ border-right-width: 2px;
5125
+ }
5126
+
5127
+ &.e-default table th:not([rowspan = '1']).e-rightfreeze.e-freezerightborder {
5128
+ border-left-width: 2px;
5129
+ }
5130
+
5131
+ &.e-default table th:not([rowspan = '1']).e-fixedfreeze.e-freezeleftborder {
5132
+ border-left-width: 1px;
5133
+ }
5134
+
5135
+ &.e-default table th:not([rowspan = '1']).e-fixedfreeze.e-freezerightborder {
5136
+ border-right-width: 1px;
5137
+ }
5138
+
5139
+ &.e-rtl.e-default table th:not([rowspan = '1']) {
5140
+ border-width: $grid-rtl-headercell-both-border-width;
5141
+ }
5142
+
5143
+ &.e-rtl.e-default table th:not([rowspan = '1']).e-leftfreeze.e-freezeleftborder {
5144
+ border-left-width: 2px;
5145
+ }
5146
+
5147
+ &.e-rtl.e-default table th:not([rowspan = '1']).e-rightfreeze.e-freezerightborder {
5148
+ border-right-width: 2px;
5149
+ }
5150
+
5151
+ &.e-rtl.e-default table th:not([rowspan = '1']).e-fixedfreeze.e-freezeleftborder {
5152
+ border-right-width: 1px;
5153
+ }
5154
+
5155
+ &.e-rtl.e-default table th:not([rowspan = '1']).e-fixedfreeze.e-freezerightborder {
5156
+ border-left-width: 1px;
5157
+ }
5158
+
5159
+ &.e-resize-lines,
5160
+ &.e-resize-lines.e-rtl {
5161
+ &.e-default table th:not([rowspan = '1']):not(.e-freezerightborder, .e-freezeleftborder) {
5162
+ border-left: 0;
5163
+ }
5164
+ }
5165
+
5166
+ &.e-resize-lines.e-rtl {
5167
+ &.e-default table th:not([rowspan = '1']) {
5168
+ border-right: 0;
5169
+ }
5170
+ }
5171
+
5172
+ .e-bigger #{&}.e-grid.sf-grid,
5173
+ #{&}.e-grid.sf-grid.e-bigger {
5174
+ .e-gridheader table th:not([rowspan = '1']),
5175
+ &.e-device .e-gridheader table th:not([rowspan = '1']) {
5176
+ padding-bottom: $grid-device-gridheader-row-span-padding;
5177
+ }
5178
+ }
5102
5179
  }
5103
5180
  }
5104
5181
  }
@@ -1339,12 +1339,7 @@ $grid-dropitems-count-margin-left: -8px !default;
1339
1339
  margin-right: $grid-bigger-grouptext-marign;
1340
1340
  width: $grid-bigger-grouptext-width;
1341
1341
  }
1342
-
1343
- .e-gridheader table th[rowspan],
1344
- &.e-device .e-gridheader table th[rowspan] {
1345
- padding-bottom: $grid-device-gridheader-row-span-padding;
1346
- }
1347
-
1342
+
1348
1343
  .e-groupsort,
1349
1344
  span.e-ungroupbutton,
1350
1345
  .e-toggleungroup {
@@ -1586,6 +1581,14 @@ $grid-dropitems-count-margin-left: -8px !default;
1586
1581
  }
1587
1582
  }
1588
1583
  }
1584
+
1585
+ .e-bigger #{&}.e-grid:not(.sf-grid),
1586
+ #{&}.e-grid:not(.sf-grid).e-bigger {
1587
+ .e-gridheader table th[rowspan],
1588
+ &.e-device .e-gridheader table th[rowspan] {
1589
+ padding-bottom: $grid-device-gridheader-row-span-padding;
1590
+ }
1591
+ }
1589
1592
 
1590
1593
  #{&}.e-grid {
1591
1594
  border-radius: $grid-border-radius;
@@ -2585,8 +2588,8 @@ $grid-dropitems-count-margin-left: -8px !default;
2585
2588
  border-width: $grid-rowcell-both-border-width;
2586
2589
  }
2587
2590
 
2588
- .e-gridheader table th[rowspan],
2589
- &.e-device .e-gridheader table th[rowspan] {
2591
+ &:not(.sf-grid).e-gridheader table th[rowspan],
2592
+ &:not(.sf-grid).e-device .e-gridheader table th[rowspan] {
2590
2593
  padding-bottom: $grid-stackedheadercell-botttom-padding;
2591
2594
  vertical-align: bottom;
2592
2595
  }
@@ -2656,23 +2659,23 @@ $grid-dropitems-count-margin-left: -8px !default;
2656
2659
  border-width: $grid-headercell-both-border-width;
2657
2660
  }
2658
2661
 
2659
- &.e-default table th[rowspan] {
2662
+ &:not(.sf-grid).e-default table th[rowspan] {
2660
2663
  border-width: $grid-headercell-both-border-width;
2661
2664
  }
2662
2665
 
2663
- &.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
2666
+ &:not(.sf-grid).e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
2664
2667
  border-right-width: 2px;
2665
2668
  }
2666
2669
 
2667
- &.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
2670
+ &:not(.sf-grid).e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
2668
2671
  border-left-width: 2px;
2669
2672
  }
2670
2673
 
2671
- &.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
2674
+ &:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
2672
2675
  border-left-width: 1px;
2673
2676
  }
2674
2677
 
2675
- &.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
2678
+ &:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
2676
2679
  border-right-width: 1px;
2677
2680
  }
2678
2681
 
@@ -4654,26 +4657,6 @@ $grid-dropitems-count-margin-left: -8px !default;
4654
4657
  position: relative;
4655
4658
  }
4656
4659
 
4657
- &.e-default table th[rowspan] {
4658
- border-width: $grid-rtl-headercell-both-border-width;
4659
- }
4660
-
4661
- &.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
4662
- border-left-width: 2px;
4663
- }
4664
-
4665
- &.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
4666
- border-right-width: 2px;
4667
- }
4668
-
4669
- &.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
4670
- border-right-width: 1px;
4671
- }
4672
-
4673
- &.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
4674
- border-left-width: 1px;
4675
- }
4676
-
4677
4660
  &.e-default.e-bothlines .e-gridheader .e-headercell.e-firstheader,
4678
4661
  &.e-default.e-bothlines .e-gridheader th.e-grouptopleftcell.e-lastgrouptopleftcell {
4679
4662
  border-left: 1px solid;
@@ -4787,6 +4770,28 @@ $grid-dropitems-count-margin-left: -8px !default;
4787
4770
  }
4788
4771
  }
4789
4772
 
4773
+ &:not(.sf-grid).e-rtl{
4774
+ &.e-default table th[rowspan] {
4775
+ border-width: $grid-rtl-headercell-both-border-width;
4776
+ }
4777
+
4778
+ &.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
4779
+ border-left-width: 2px;
4780
+ }
4781
+
4782
+ &.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
4783
+ border-right-width: 2px;
4784
+ }
4785
+
4786
+ &.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
4787
+ border-right-width: 1px;
4788
+ }
4789
+
4790
+ &.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
4791
+ border-left-width: 1px;
4792
+ }
4793
+ }
4794
+
4790
4795
  &.e-wrap {
4791
4796
  & .e-rowcell,
4792
4797
  & .e-columnheader .e-stackedheadercelldiv,
@@ -4906,7 +4911,10 @@ $grid-dropitems-count-margin-left: -8px !default;
4906
4911
  & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell, .e-freezerightborder, .e-freezeleftborder) {
4907
4912
  border-right: 0;
4908
4913
  }
4914
+ }
4909
4915
 
4916
+ &:not(.sf-grid).e-resize-lines,
4917
+ &:not(.sf-grid).e-resize-lines.e-rtl {
4910
4918
  &.e-default table th[rowspan]:not(.e-freezerightborder, .e-freezeleftborder) {
4911
4919
  border-left: 0;
4912
4920
  }
@@ -4919,7 +4927,9 @@ $grid-dropitems-count-margin-left: -8px !default;
4919
4927
  & tr.e-columnheader th.e-laststackcell .e-rhandler.e-rcursor {
4920
4928
  border-left: 0;
4921
4929
  }
4930
+ }
4922
4931
 
4932
+ &:not(.sf-grid).e-resize-lines.e-rtl {
4923
4933
  &.e-default table th[rowspan] {
4924
4934
  border-right: 0;
4925
4935
  }
@@ -5100,6 +5110,73 @@ $grid-dropitems-count-margin-left: -8px !default;
5100
5110
  .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl){
5101
5111
  text-align: left;
5102
5112
  }
5113
+
5114
+ &.e-default table th:not([rowspan = '1']) {
5115
+ border-width: $grid-headercell-both-border-width;
5116
+ }
5117
+
5118
+ .e-gridheader table th:not([rowspan = '1']),
5119
+ .e-device .e-gridheader table th:not([rowspan = '1']) {
5120
+ padding-bottom: $grid-stackedheadercell-botttom-padding;
5121
+ vertical-align: bottom;
5122
+ }
5123
+
5124
+ &.e-default table th:not([rowspan = '1']).e-leftfreeze.e-freezeleftborder {
5125
+ border-right-width: 2px;
5126
+ }
5127
+
5128
+ &.e-default table th:not([rowspan = '1']).e-rightfreeze.e-freezerightborder {
5129
+ border-left-width: 2px;
5130
+ }
5131
+
5132
+ &.e-default table th:not([rowspan = '1']).e-fixedfreeze.e-freezeleftborder {
5133
+ border-left-width: 1px;
5134
+ }
5135
+
5136
+ &.e-default table th:not([rowspan = '1']).e-fixedfreeze.e-freezerightborder {
5137
+ border-right-width: 1px;
5138
+ }
5139
+
5140
+ &.e-rtl.e-default table th:not([rowspan = '1']) {
5141
+ border-width: $grid-rtl-headercell-both-border-width;
5142
+ }
5143
+
5144
+ &.e-rtl.e-default table th:not([rowspan = '1']).e-leftfreeze.e-freezeleftborder {
5145
+ border-left-width: 2px;
5146
+ }
5147
+
5148
+ &.e-rtl.e-default table th:not([rowspan = '1']).e-rightfreeze.e-freezerightborder {
5149
+ border-right-width: 2px;
5150
+ }
5151
+
5152
+ &.e-rtl.e-default table th:not([rowspan = '1']).e-fixedfreeze.e-freezeleftborder {
5153
+ border-right-width: 1px;
5154
+ }
5155
+
5156
+ &.e-rtl.e-default table th:not([rowspan = '1']).e-fixedfreeze.e-freezerightborder {
5157
+ border-left-width: 1px;
5158
+ }
5159
+
5160
+ &.e-resize-lines,
5161
+ &.e-resize-lines.e-rtl {
5162
+ &.e-default table th:not([rowspan = '1']):not(.e-freezerightborder, .e-freezeleftborder) {
5163
+ border-left: 0;
5164
+ }
5165
+ }
5166
+
5167
+ &.e-resize-lines.e-rtl {
5168
+ &.e-default table th:not([rowspan = '1']) {
5169
+ border-right: 0;
5170
+ }
5171
+ }
5172
+
5173
+ .e-bigger #{&}.e-grid.sf-grid,
5174
+ #{&}.e-grid.sf-grid.e-bigger {
5175
+ .e-gridheader table th:not([rowspan = '1']),
5176
+ &.e-device .e-gridheader table th:not([rowspan = '1']) {
5177
+ padding-bottom: $grid-device-gridheader-row-span-padding;
5178
+ }
5179
+ }
5103
5180
  }
5104
5181
  }
5105
5182
  }