@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
@@ -1348,12 +1348,7 @@ $grid-dropitems-count-margin-left: -8px !default;
1348
1348
  margin-right: $grid-bigger-grouptext-marign;
1349
1349
  width: $grid-bigger-grouptext-width;
1350
1350
  }
1351
-
1352
- .e-gridheader table th[rowspan],
1353
- &.e-device .e-gridheader table th[rowspan] {
1354
- padding-bottom: $grid-device-gridheader-row-span-padding;
1355
- }
1356
-
1351
+
1357
1352
  .e-groupsort,
1358
1353
  span.e-ungroupbutton,
1359
1354
  .e-toggleungroup {
@@ -1595,6 +1590,14 @@ $grid-dropitems-count-margin-left: -8px !default;
1595
1590
  }
1596
1591
  }
1597
1592
  }
1593
+
1594
+ .e-bigger #{&}.e-grid:not(.sf-grid),
1595
+ #{&}.e-grid:not(.sf-grid).e-bigger {
1596
+ .e-gridheader table th[rowspan],
1597
+ &.e-device .e-gridheader table th[rowspan] {
1598
+ padding-bottom: $grid-device-gridheader-row-span-padding;
1599
+ }
1600
+ }
1598
1601
 
1599
1602
  #{&}.e-grid {
1600
1603
  border-radius: $grid-border-radius;
@@ -2594,8 +2597,8 @@ $grid-dropitems-count-margin-left: -8px !default;
2594
2597
  border-width: $grid-rowcell-both-border-width;
2595
2598
  }
2596
2599
 
2597
- .e-gridheader table th[rowspan],
2598
- &.e-device .e-gridheader table th[rowspan] {
2600
+ &:not(.sf-grid).e-gridheader table th[rowspan],
2601
+ &:not(.sf-grid).e-device .e-gridheader table th[rowspan] {
2599
2602
  padding-bottom: $grid-stackedheadercell-botttom-padding;
2600
2603
  vertical-align: bottom;
2601
2604
  }
@@ -2665,23 +2668,23 @@ $grid-dropitems-count-margin-left: -8px !default;
2665
2668
  border-width: $grid-headercell-both-border-width;
2666
2669
  }
2667
2670
 
2668
- &.e-default table th[rowspan] {
2671
+ &:not(.sf-grid).e-default table th[rowspan] {
2669
2672
  border-width: $grid-headercell-both-border-width;
2670
2673
  }
2671
2674
 
2672
- &.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
2675
+ &:not(.sf-grid).e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
2673
2676
  border-right-width: 2px;
2674
2677
  }
2675
2678
 
2676
- &.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
2679
+ &:not(.sf-grid).e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
2677
2680
  border-left-width: 2px;
2678
2681
  }
2679
2682
 
2680
- &.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
2683
+ &:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
2681
2684
  border-left-width: 1px;
2682
2685
  }
2683
2686
 
2684
- &.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
2687
+ &:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
2685
2688
  border-right-width: 1px;
2686
2689
  }
2687
2690
 
@@ -4663,26 +4666,6 @@ $grid-dropitems-count-margin-left: -8px !default;
4663
4666
  position: relative;
4664
4667
  }
4665
4668
 
4666
- &.e-default table th[rowspan] {
4667
- border-width: $grid-rtl-headercell-both-border-width;
4668
- }
4669
-
4670
- &.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
4671
- border-left-width: 2px;
4672
- }
4673
-
4674
- &.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
4675
- border-right-width: 2px;
4676
- }
4677
-
4678
- &.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
4679
- border-right-width: 1px;
4680
- }
4681
-
4682
- &.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
4683
- border-left-width: 1px;
4684
- }
4685
-
4686
4669
  &.e-default.e-bothlines .e-gridheader .e-headercell.e-firstheader,
4687
4670
  &.e-default.e-bothlines .e-gridheader th.e-grouptopleftcell.e-lastgrouptopleftcell {
4688
4671
  border-left: 1px solid;
@@ -4796,6 +4779,28 @@ $grid-dropitems-count-margin-left: -8px !default;
4796
4779
  }
4797
4780
  }
4798
4781
 
4782
+ &:not(.sf-grid).e-rtl{
4783
+ &.e-default table th[rowspan] {
4784
+ border-width: $grid-rtl-headercell-both-border-width;
4785
+ }
4786
+
4787
+ &.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
4788
+ border-left-width: 2px;
4789
+ }
4790
+
4791
+ &.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
4792
+ border-right-width: 2px;
4793
+ }
4794
+
4795
+ &.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
4796
+ border-right-width: 1px;
4797
+ }
4798
+
4799
+ &.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
4800
+ border-left-width: 1px;
4801
+ }
4802
+ }
4803
+
4799
4804
  &.e-wrap {
4800
4805
  & .e-rowcell,
4801
4806
  & .e-columnheader .e-stackedheadercelldiv,
@@ -4915,7 +4920,10 @@ $grid-dropitems-count-margin-left: -8px !default;
4915
4920
  & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell, .e-freezerightborder, .e-freezeleftborder) {
4916
4921
  border-right: 0;
4917
4922
  }
4923
+ }
4918
4924
 
4925
+ &:not(.sf-grid).e-resize-lines,
4926
+ &:not(.sf-grid).e-resize-lines.e-rtl {
4919
4927
  &.e-default table th[rowspan]:not(.e-freezerightborder, .e-freezeleftborder) {
4920
4928
  border-left: 0;
4921
4929
  }
@@ -4928,7 +4936,9 @@ $grid-dropitems-count-margin-left: -8px !default;
4928
4936
  & tr.e-columnheader th.e-laststackcell .e-rhandler.e-rcursor {
4929
4937
  border-left: 0;
4930
4938
  }
4939
+ }
4931
4940
 
4941
+ &:not(.sf-grid).e-resize-lines.e-rtl {
4932
4942
  &.e-default table th[rowspan] {
4933
4943
  border-right: 0;
4934
4944
  }
@@ -5109,6 +5119,73 @@ $grid-dropitems-count-margin-left: -8px !default;
5109
5119
  .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl){
5110
5120
  text-align: left;
5111
5121
  }
5122
+
5123
+ &.e-default table th:not([rowspan = '1']) {
5124
+ border-width: $grid-headercell-both-border-width;
5125
+ }
5126
+
5127
+ .e-gridheader table th:not([rowspan = '1']),
5128
+ .e-device .e-gridheader table th:not([rowspan = '1']) {
5129
+ padding-bottom: $grid-stackedheadercell-botttom-padding;
5130
+ vertical-align: bottom;
5131
+ }
5132
+
5133
+ &.e-default table th:not([rowspan = '1']).e-leftfreeze.e-freezeleftborder {
5134
+ border-right-width: 2px;
5135
+ }
5136
+
5137
+ &.e-default table th:not([rowspan = '1']).e-rightfreeze.e-freezerightborder {
5138
+ border-left-width: 2px;
5139
+ }
5140
+
5141
+ &.e-default table th:not([rowspan = '1']).e-fixedfreeze.e-freezeleftborder {
5142
+ border-left-width: 1px;
5143
+ }
5144
+
5145
+ &.e-default table th:not([rowspan = '1']).e-fixedfreeze.e-freezerightborder {
5146
+ border-right-width: 1px;
5147
+ }
5148
+
5149
+ &.e-rtl.e-default table th:not([rowspan = '1']) {
5150
+ border-width: $grid-rtl-headercell-both-border-width;
5151
+ }
5152
+
5153
+ &.e-rtl.e-default table th:not([rowspan = '1']).e-leftfreeze.e-freezeleftborder {
5154
+ border-left-width: 2px;
5155
+ }
5156
+
5157
+ &.e-rtl.e-default table th:not([rowspan = '1']).e-rightfreeze.e-freezerightborder {
5158
+ border-right-width: 2px;
5159
+ }
5160
+
5161
+ &.e-rtl.e-default table th:not([rowspan = '1']).e-fixedfreeze.e-freezeleftborder {
5162
+ border-right-width: 1px;
5163
+ }
5164
+
5165
+ &.e-rtl.e-default table th:not([rowspan = '1']).e-fixedfreeze.e-freezerightborder {
5166
+ border-left-width: 1px;
5167
+ }
5168
+
5169
+ &.e-resize-lines,
5170
+ &.e-resize-lines.e-rtl {
5171
+ &.e-default table th:not([rowspan = '1']):not(.e-freezerightborder, .e-freezeleftborder) {
5172
+ border-left: 0;
5173
+ }
5174
+ }
5175
+
5176
+ &.e-resize-lines.e-rtl {
5177
+ &.e-default table th:not([rowspan = '1']) {
5178
+ border-right: 0;
5179
+ }
5180
+ }
5181
+
5182
+ .e-bigger #{&}.e-grid.sf-grid,
5183
+ #{&}.e-grid.sf-grid.e-bigger {
5184
+ .e-gridheader table th:not([rowspan = '1']),
5185
+ &.e-device .e-gridheader table th:not([rowspan = '1']) {
5186
+ padding-bottom: $grid-device-gridheader-row-span-padding;
5187
+ }
5188
+ }
5112
5189
  }
5113
5190
  }
5114
5191
  }
@@ -1341,12 +1341,7 @@ $grid-dropitems-count-margin-left: -4px !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: -4px !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: -4px !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: -4px !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: -4px !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: -4px !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: -4px !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: -4px !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: -4px !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
  }
@@ -1341,12 +1341,7 @@ $grid-dropitems-count-margin-left: -4px !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: -4px !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: -4px !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: -4px !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: -4px !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: -4px !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: -4px !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: -4px !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: -4px !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
  }