@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
@@ -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
  }
@@ -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
  }
@@ -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
  }