@syncfusion/blazor-themes 23.1.40 → 23.1.42

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 (131) hide show
  1. package/SCSS-Themes/bootstrap-dark.scss +150 -49
  2. package/SCSS-Themes/bootstrap.scss +150 -49
  3. package/SCSS-Themes/bootstrap4.scss +182 -51
  4. package/SCSS-Themes/bootstrap5-dark.scss +150 -49
  5. package/SCSS-Themes/bootstrap5.scss +150 -49
  6. package/SCSS-Themes/buttons/switch/bootstrap-dark.scss +6 -2
  7. package/SCSS-Themes/buttons/switch/bootstrap.scss +6 -2
  8. package/SCSS-Themes/buttons/switch/bootstrap4.scss +6 -2
  9. package/SCSS-Themes/buttons/switch/bootstrap5-dark.scss +6 -2
  10. package/SCSS-Themes/buttons/switch/bootstrap5.scss +6 -2
  11. package/SCSS-Themes/buttons/switch/fabric-dark.scss +6 -2
  12. package/SCSS-Themes/buttons/switch/fabric.scss +6 -2
  13. package/SCSS-Themes/buttons/switch/fluent-dark.scss +6 -2
  14. package/SCSS-Themes/buttons/switch/fluent.scss +6 -2
  15. package/SCSS-Themes/buttons/switch/highcontrast.scss +6 -2
  16. package/SCSS-Themes/buttons/switch/material-dark.scss +6 -2
  17. package/SCSS-Themes/buttons/switch/material.scss +6 -2
  18. package/SCSS-Themes/buttons/switch/material3-dark.scss +6 -2
  19. package/SCSS-Themes/buttons/switch/material3.scss +6 -2
  20. package/SCSS-Themes/buttons/switch/tailwind-dark.scss +6 -2
  21. package/SCSS-Themes/buttons/switch/tailwind.scss +6 -2
  22. package/SCSS-Themes/calendars/daterangepicker/bootstrap-dark.scss +9 -6
  23. package/SCSS-Themes/calendars/daterangepicker/bootstrap.scss +9 -6
  24. package/SCSS-Themes/calendars/daterangepicker/bootstrap4.scss +9 -6
  25. package/SCSS-Themes/calendars/daterangepicker/bootstrap5-dark.scss +9 -6
  26. package/SCSS-Themes/calendars/daterangepicker/bootstrap5.scss +9 -6
  27. package/SCSS-Themes/calendars/daterangepicker/fabric-dark.scss +9 -6
  28. package/SCSS-Themes/calendars/daterangepicker/fabric.scss +9 -6
  29. package/SCSS-Themes/calendars/daterangepicker/fluent-dark.scss +26 -6
  30. package/SCSS-Themes/calendars/daterangepicker/fluent.scss +26 -6
  31. package/SCSS-Themes/calendars/daterangepicker/highcontrast.scss +9 -6
  32. package/SCSS-Themes/calendars/daterangepicker/material-dark.scss +9 -6
  33. package/SCSS-Themes/calendars/daterangepicker/material.scss +9 -6
  34. package/SCSS-Themes/calendars/daterangepicker/material3-dark.scss +9 -6
  35. package/SCSS-Themes/calendars/daterangepicker/material3.scss +9 -6
  36. package/SCSS-Themes/calendars/daterangepicker/tailwind-dark.scss +9 -6
  37. package/SCSS-Themes/calendars/daterangepicker/tailwind.scss +9 -6
  38. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap4.scss +13 -2
  39. package/SCSS-Themes/dropdowns/list-box/bootstrap-dark.scss +1 -1
  40. package/SCSS-Themes/dropdowns/list-box/bootstrap.scss +1 -1
  41. package/SCSS-Themes/dropdowns/list-box/bootstrap4.scss +1 -1
  42. package/SCSS-Themes/dropdowns/list-box/bootstrap5-dark.scss +1 -1
  43. package/SCSS-Themes/dropdowns/list-box/bootstrap5.scss +1 -1
  44. package/SCSS-Themes/dropdowns/list-box/fabric-dark.scss +1 -1
  45. package/SCSS-Themes/dropdowns/list-box/fabric.scss +1 -1
  46. package/SCSS-Themes/dropdowns/list-box/fluent-dark.scss +1 -1
  47. package/SCSS-Themes/dropdowns/list-box/fluent.scss +1 -1
  48. package/SCSS-Themes/dropdowns/list-box/highcontrast.scss +1 -1
  49. package/SCSS-Themes/dropdowns/list-box/material-dark.scss +1 -1
  50. package/SCSS-Themes/dropdowns/list-box/material.scss +1 -1
  51. package/SCSS-Themes/dropdowns/list-box/material3-dark.scss +1 -1
  52. package/SCSS-Themes/dropdowns/list-box/material3.scss +1 -1
  53. package/SCSS-Themes/dropdowns/list-box/tailwind-dark.scss +1 -1
  54. package/SCSS-Themes/dropdowns/list-box/tailwind.scss +1 -1
  55. package/SCSS-Themes/dropdowns/multi-select/bootstrap4.scss +19 -0
  56. package/SCSS-Themes/fabric-dark.scss +150 -49
  57. package/SCSS-Themes/fabric.scss +150 -49
  58. package/SCSS-Themes/fluent-dark.scss +167 -49
  59. package/SCSS-Themes/fluent.scss +167 -49
  60. package/SCSS-Themes/gantt/gantt/bootstrap-dark.scss +1 -1
  61. package/SCSS-Themes/gantt/gantt/bootstrap.scss +1 -1
  62. package/SCSS-Themes/gantt/gantt/bootstrap4.scss +1 -1
  63. package/SCSS-Themes/gantt/gantt/bootstrap5-dark.scss +1 -1
  64. package/SCSS-Themes/gantt/gantt/bootstrap5.scss +1 -1
  65. package/SCSS-Themes/gantt/gantt/fabric-dark.scss +1 -1
  66. package/SCSS-Themes/gantt/gantt/fabric.scss +1 -1
  67. package/SCSS-Themes/gantt/gantt/fluent-dark.scss +1 -1
  68. package/SCSS-Themes/gantt/gantt/fluent.scss +1 -1
  69. package/SCSS-Themes/gantt/gantt/highcontrast.scss +1 -1
  70. package/SCSS-Themes/gantt/gantt/material-dark.scss +1 -1
  71. package/SCSS-Themes/gantt/gantt/material.scss +1 -1
  72. package/SCSS-Themes/gantt/gantt/material3-dark.scss +1 -1
  73. package/SCSS-Themes/gantt/gantt/material3.scss +1 -1
  74. package/SCSS-Themes/gantt/gantt/tailwind-dark.scss +1 -1
  75. package/SCSS-Themes/gantt/gantt/tailwind.scss +1 -1
  76. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +117 -33
  77. package/SCSS-Themes/grids/grid/bootstrap.scss +117 -33
  78. package/SCSS-Themes/grids/grid/bootstrap4.scss +117 -33
  79. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +117 -33
  80. package/SCSS-Themes/grids/grid/bootstrap5.scss +117 -33
  81. package/SCSS-Themes/grids/grid/fabric-dark.scss +117 -33
  82. package/SCSS-Themes/grids/grid/fabric.scss +117 -33
  83. package/SCSS-Themes/grids/grid/fluent-dark.scss +117 -33
  84. package/SCSS-Themes/grids/grid/fluent.scss +117 -33
  85. package/SCSS-Themes/grids/grid/highcontrast.scss +117 -33
  86. package/SCSS-Themes/grids/grid/material-dark.scss +117 -33
  87. package/SCSS-Themes/grids/grid/material.scss +117 -33
  88. package/SCSS-Themes/grids/grid/material3-dark.scss +117 -33
  89. package/SCSS-Themes/grids/grid/material3.scss +117 -33
  90. package/SCSS-Themes/grids/grid/tailwind-dark.scss +117 -33
  91. package/SCSS-Themes/grids/grid/tailwind.scss +117 -33
  92. package/SCSS-Themes/highcontrast.scss +150 -49
  93. package/SCSS-Themes/material-dark.scss +150 -49
  94. package/SCSS-Themes/material.scss +150 -49
  95. package/SCSS-Themes/material3-dark.scss +150 -49
  96. package/SCSS-Themes/material3.scss +150 -49
  97. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap-dark.scss +0 -1
  98. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap.scss +0 -1
  99. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap4.scss +0 -1
  100. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap5-dark.scss +0 -1
  101. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap5.scss +0 -1
  102. package/SCSS-Themes/pivotview/pivotfieldlist/fabric-dark.scss +0 -1
  103. package/SCSS-Themes/pivotview/pivotfieldlist/fabric.scss +0 -1
  104. package/SCSS-Themes/pivotview/pivotfieldlist/fluent-dark.scss +0 -1
  105. package/SCSS-Themes/pivotview/pivotfieldlist/fluent.scss +0 -1
  106. package/SCSS-Themes/pivotview/pivotfieldlist/highcontrast.scss +0 -1
  107. package/SCSS-Themes/pivotview/pivotfieldlist/material-dark.scss +0 -1
  108. package/SCSS-Themes/pivotview/pivotfieldlist/material.scss +0 -1
  109. package/SCSS-Themes/pivotview/pivotfieldlist/material3-dark.scss +0 -1
  110. package/SCSS-Themes/pivotview/pivotfieldlist/material3.scss +0 -1
  111. package/SCSS-Themes/pivotview/pivotfieldlist/tailwind-dark.scss +0 -1
  112. package/SCSS-Themes/pivotview/pivotfieldlist/tailwind.scss +0 -1
  113. package/SCSS-Themes/pivotview/pivotview/bootstrap-dark.scss +16 -5
  114. package/SCSS-Themes/pivotview/pivotview/bootstrap.scss +16 -5
  115. package/SCSS-Themes/pivotview/pivotview/bootstrap4.scss +16 -5
  116. package/SCSS-Themes/pivotview/pivotview/bootstrap5-dark.scss +16 -5
  117. package/SCSS-Themes/pivotview/pivotview/bootstrap5.scss +16 -5
  118. package/SCSS-Themes/pivotview/pivotview/fabric-dark.scss +16 -5
  119. package/SCSS-Themes/pivotview/pivotview/fabric.scss +16 -5
  120. package/SCSS-Themes/pivotview/pivotview/fluent-dark.scss +16 -5
  121. package/SCSS-Themes/pivotview/pivotview/fluent.scss +16 -5
  122. package/SCSS-Themes/pivotview/pivotview/highcontrast.scss +16 -5
  123. package/SCSS-Themes/pivotview/pivotview/material-dark.scss +16 -5
  124. package/SCSS-Themes/pivotview/pivotview/material.scss +16 -5
  125. package/SCSS-Themes/pivotview/pivotview/material3-dark.scss +16 -5
  126. package/SCSS-Themes/pivotview/pivotview/material3.scss +16 -5
  127. package/SCSS-Themes/pivotview/pivotview/tailwind-dark.scss +16 -5
  128. package/SCSS-Themes/pivotview/pivotview/tailwind.scss +16 -5
  129. package/SCSS-Themes/tailwind-dark.scss +150 -49
  130. package/SCSS-Themes/tailwind.scss +150 -49
  131. package/package.json +1 -1
@@ -823,6 +823,10 @@ $grid-dropitems-count-margin-left: -8px !default;
823
823
  padding: $grid-bigger-content-padding $grid-bigger-content-right-padding;
824
824
  }
825
825
 
826
+ .e-summarycell.e-lastrowcell {
827
+ border-bottom-width: 1px;
828
+ }
829
+
826
830
  .e-rowcell .e-checkbox-wrapper,
827
831
  .e-rowcell .e-css.e-checkbox-wrapper {
828
832
  @if $grid-skin == 'material3' {
@@ -1348,12 +1352,7 @@ $grid-dropitems-count-margin-left: -8px !default;
1348
1352
  margin-right: $grid-bigger-grouptext-marign;
1349
1353
  width: $grid-bigger-grouptext-width;
1350
1354
  }
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
-
1355
+
1357
1356
  .e-groupsort,
1358
1357
  span.e-ungroupbutton,
1359
1358
  .e-toggleungroup {
@@ -1595,6 +1594,14 @@ $grid-dropitems-count-margin-left: -8px !default;
1595
1594
  }
1596
1595
  }
1597
1596
  }
1597
+
1598
+ .e-bigger #{&}.e-grid:not(.sf-grid),
1599
+ #{&}.e-grid:not(.sf-grid).e-bigger {
1600
+ .e-gridheader table th[rowspan],
1601
+ &.e-device .e-gridheader table th[rowspan] {
1602
+ padding-bottom: $grid-device-gridheader-row-span-padding;
1603
+ }
1604
+ }
1598
1605
 
1599
1606
  #{&}.e-grid {
1600
1607
  border-radius: $grid-border-radius;
@@ -2518,6 +2525,9 @@ $grid-dropitems-count-margin-left: -8px !default;
2518
2525
  }
2519
2526
  white-space: normal;
2520
2527
  word-wrap: break-word;
2528
+ &.e-lastrowcell {
2529
+ border-bottom-width: 1px;
2530
+ }
2521
2531
  }
2522
2532
 
2523
2533
  .e-summarycontent {
@@ -2594,8 +2604,8 @@ $grid-dropitems-count-margin-left: -8px !default;
2594
2604
  border-width: $grid-rowcell-both-border-width;
2595
2605
  }
2596
2606
 
2597
- .e-gridheader table th[rowspan],
2598
- &.e-device .e-gridheader table th[rowspan] {
2607
+ &:not(.sf-grid).e-gridheader table th[rowspan],
2608
+ &:not(.sf-grid).e-device .e-gridheader table th[rowspan] {
2599
2609
  padding-bottom: $grid-stackedheadercell-botttom-padding;
2600
2610
  vertical-align: bottom;
2601
2611
  }
@@ -2665,23 +2675,23 @@ $grid-dropitems-count-margin-left: -8px !default;
2665
2675
  border-width: $grid-headercell-both-border-width;
2666
2676
  }
2667
2677
 
2668
- &.e-default table th[rowspan] {
2678
+ &:not(.sf-grid).e-default table th[rowspan] {
2669
2679
  border-width: $grid-headercell-both-border-width;
2670
2680
  }
2671
2681
 
2672
- &.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
2682
+ &:not(.sf-grid).e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
2673
2683
  border-right-width: 2px;
2674
2684
  }
2675
2685
 
2676
- &.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
2686
+ &:not(.sf-grid).e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
2677
2687
  border-left-width: 2px;
2678
2688
  }
2679
2689
 
2680
- &.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
2690
+ &:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
2681
2691
  border-left-width: 1px;
2682
2692
  }
2683
2693
 
2684
- &.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
2694
+ &:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
2685
2695
  border-right-width: 1px;
2686
2696
  }
2687
2697
 
@@ -4663,26 +4673,6 @@ $grid-dropitems-count-margin-left: -8px !default;
4663
4673
  position: relative;
4664
4674
  }
4665
4675
 
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
4676
  &.e-default.e-bothlines .e-gridheader .e-headercell.e-firstheader,
4687
4677
  &.e-default.e-bothlines .e-gridheader th.e-grouptopleftcell.e-lastgrouptopleftcell {
4688
4678
  border-left: 1px solid;
@@ -4796,6 +4786,28 @@ $grid-dropitems-count-margin-left: -8px !default;
4796
4786
  }
4797
4787
  }
4798
4788
 
4789
+ &:not(.sf-grid).e-rtl{
4790
+ &.e-default table th[rowspan] {
4791
+ border-width: $grid-rtl-headercell-both-border-width;
4792
+ }
4793
+
4794
+ &.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
4795
+ border-left-width: 2px;
4796
+ }
4797
+
4798
+ &.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
4799
+ border-right-width: 2px;
4800
+ }
4801
+
4802
+ &.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
4803
+ border-right-width: 1px;
4804
+ }
4805
+
4806
+ &.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
4807
+ border-left-width: 1px;
4808
+ }
4809
+ }
4810
+
4799
4811
  &.e-wrap {
4800
4812
  & .e-rowcell,
4801
4813
  & .e-columnheader .e-stackedheadercelldiv,
@@ -4915,7 +4927,10 @@ $grid-dropitems-count-margin-left: -8px !default;
4915
4927
  & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell, .e-freezerightborder, .e-freezeleftborder) {
4916
4928
  border-right: 0;
4917
4929
  }
4930
+ }
4918
4931
 
4932
+ &:not(.sf-grid).e-resize-lines,
4933
+ &:not(.sf-grid).e-resize-lines.e-rtl {
4919
4934
  &.e-default table th[rowspan]:not(.e-freezerightborder, .e-freezeleftborder) {
4920
4935
  border-left: 0;
4921
4936
  }
@@ -4928,7 +4943,9 @@ $grid-dropitems-count-margin-left: -8px !default;
4928
4943
  & tr.e-columnheader th.e-laststackcell .e-rhandler.e-rcursor {
4929
4944
  border-left: 0;
4930
4945
  }
4946
+ }
4931
4947
 
4948
+ &:not(.sf-grid).e-resize-lines.e-rtl {
4932
4949
  &.e-default table th[rowspan] {
4933
4950
  border-right: 0;
4934
4951
  }
@@ -5109,6 +5126,73 @@ $grid-dropitems-count-margin-left: -8px !default;
5109
5126
  .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl){
5110
5127
  text-align: left;
5111
5128
  }
5129
+
5130
+ &.e-default table th:not([rowspan = '1']) {
5131
+ border-width: $grid-headercell-both-border-width;
5132
+ }
5133
+
5134
+ .e-gridheader table th:not([rowspan = '1']),
5135
+ .e-device .e-gridheader table th:not([rowspan = '1']) {
5136
+ padding-bottom: $grid-stackedheadercell-botttom-padding;
5137
+ vertical-align: bottom;
5138
+ }
5139
+
5140
+ &.e-default table th:not([rowspan = '1']).e-leftfreeze.e-freezeleftborder {
5141
+ border-right-width: 2px;
5142
+ }
5143
+
5144
+ &.e-default table th:not([rowspan = '1']).e-rightfreeze.e-freezerightborder {
5145
+ border-left-width: 2px;
5146
+ }
5147
+
5148
+ &.e-default table th:not([rowspan = '1']).e-fixedfreeze.e-freezeleftborder {
5149
+ border-left-width: 1px;
5150
+ }
5151
+
5152
+ &.e-default table th:not([rowspan = '1']).e-fixedfreeze.e-freezerightborder {
5153
+ border-right-width: 1px;
5154
+ }
5155
+
5156
+ &.e-rtl.e-default table th:not([rowspan = '1']) {
5157
+ border-width: $grid-rtl-headercell-both-border-width;
5158
+ }
5159
+
5160
+ &.e-rtl.e-default table th:not([rowspan = '1']).e-leftfreeze.e-freezeleftborder {
5161
+ border-left-width: 2px;
5162
+ }
5163
+
5164
+ &.e-rtl.e-default table th:not([rowspan = '1']).e-rightfreeze.e-freezerightborder {
5165
+ border-right-width: 2px;
5166
+ }
5167
+
5168
+ &.e-rtl.e-default table th:not([rowspan = '1']).e-fixedfreeze.e-freezeleftborder {
5169
+ border-right-width: 1px;
5170
+ }
5171
+
5172
+ &.e-rtl.e-default table th:not([rowspan = '1']).e-fixedfreeze.e-freezerightborder {
5173
+ border-left-width: 1px;
5174
+ }
5175
+
5176
+ &.e-resize-lines,
5177
+ &.e-resize-lines.e-rtl {
5178
+ &.e-default table th:not([rowspan = '1']):not(.e-freezerightborder, .e-freezeleftborder) {
5179
+ border-left: 0;
5180
+ }
5181
+ }
5182
+
5183
+ &.e-resize-lines.e-rtl {
5184
+ &.e-default table th:not([rowspan = '1']) {
5185
+ border-right: 0;
5186
+ }
5187
+ }
5188
+
5189
+ .e-bigger #{&}.e-grid.sf-grid,
5190
+ #{&}.e-grid.sf-grid.e-bigger {
5191
+ .e-gridheader table th:not([rowspan = '1']),
5192
+ &.e-device .e-gridheader table th:not([rowspan = '1']) {
5193
+ padding-bottom: $grid-device-gridheader-row-span-padding;
5194
+ }
5195
+ }
5112
5196
  }
5113
5197
  }
5114
5198
  }
@@ -816,6 +816,10 @@ $grid-dropitems-count-margin-left: -4px !default;
816
816
  padding: $grid-bigger-content-padding $grid-bigger-content-right-padding;
817
817
  }
818
818
 
819
+ .e-summarycell.e-lastrowcell {
820
+ border-bottom-width: 1px;
821
+ }
822
+
819
823
  .e-rowcell .e-checkbox-wrapper,
820
824
  .e-rowcell .e-css.e-checkbox-wrapper {
821
825
  @if $grid-skin == 'material3' {
@@ -1341,12 +1345,7 @@ $grid-dropitems-count-margin-left: -4px !default;
1341
1345
  margin-right: $grid-bigger-grouptext-marign;
1342
1346
  width: $grid-bigger-grouptext-width;
1343
1347
  }
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
-
1348
+
1350
1349
  .e-groupsort,
1351
1350
  span.e-ungroupbutton,
1352
1351
  .e-toggleungroup {
@@ -1588,6 +1587,14 @@ $grid-dropitems-count-margin-left: -4px !default;
1588
1587
  }
1589
1588
  }
1590
1589
  }
1590
+
1591
+ .e-bigger #{&}.e-grid:not(.sf-grid),
1592
+ #{&}.e-grid:not(.sf-grid).e-bigger {
1593
+ .e-gridheader table th[rowspan],
1594
+ &.e-device .e-gridheader table th[rowspan] {
1595
+ padding-bottom: $grid-device-gridheader-row-span-padding;
1596
+ }
1597
+ }
1591
1598
 
1592
1599
  #{&}.e-grid {
1593
1600
  border-radius: $grid-border-radius;
@@ -2511,6 +2518,9 @@ $grid-dropitems-count-margin-left: -4px !default;
2511
2518
  }
2512
2519
  white-space: normal;
2513
2520
  word-wrap: break-word;
2521
+ &.e-lastrowcell {
2522
+ border-bottom-width: 1px;
2523
+ }
2514
2524
  }
2515
2525
 
2516
2526
  .e-summarycontent {
@@ -2587,8 +2597,8 @@ $grid-dropitems-count-margin-left: -4px !default;
2587
2597
  border-width: $grid-rowcell-both-border-width;
2588
2598
  }
2589
2599
 
2590
- .e-gridheader table th[rowspan],
2591
- &.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] {
2592
2602
  padding-bottom: $grid-stackedheadercell-botttom-padding;
2593
2603
  vertical-align: bottom;
2594
2604
  }
@@ -2658,23 +2668,23 @@ $grid-dropitems-count-margin-left: -4px !default;
2658
2668
  border-width: $grid-headercell-both-border-width;
2659
2669
  }
2660
2670
 
2661
- &.e-default table th[rowspan] {
2671
+ &:not(.sf-grid).e-default table th[rowspan] {
2662
2672
  border-width: $grid-headercell-both-border-width;
2663
2673
  }
2664
2674
 
2665
- &.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
2675
+ &:not(.sf-grid).e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
2666
2676
  border-right-width: 2px;
2667
2677
  }
2668
2678
 
2669
- &.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
2679
+ &:not(.sf-grid).e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
2670
2680
  border-left-width: 2px;
2671
2681
  }
2672
2682
 
2673
- &.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
2683
+ &:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
2674
2684
  border-left-width: 1px;
2675
2685
  }
2676
2686
 
2677
- &.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
2687
+ &:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
2678
2688
  border-right-width: 1px;
2679
2689
  }
2680
2690
 
@@ -4656,26 +4666,6 @@ $grid-dropitems-count-margin-left: -4px !default;
4656
4666
  position: relative;
4657
4667
  }
4658
4668
 
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
4669
  &.e-default.e-bothlines .e-gridheader .e-headercell.e-firstheader,
4680
4670
  &.e-default.e-bothlines .e-gridheader th.e-grouptopleftcell.e-lastgrouptopleftcell {
4681
4671
  border-left: 1px solid;
@@ -4789,6 +4779,28 @@ $grid-dropitems-count-margin-left: -4px !default;
4789
4779
  }
4790
4780
  }
4791
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
+
4792
4804
  &.e-wrap {
4793
4805
  & .e-rowcell,
4794
4806
  & .e-columnheader .e-stackedheadercelldiv,
@@ -4908,7 +4920,10 @@ $grid-dropitems-count-margin-left: -4px !default;
4908
4920
  & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell, .e-freezerightborder, .e-freezeleftborder) {
4909
4921
  border-right: 0;
4910
4922
  }
4923
+ }
4911
4924
 
4925
+ &:not(.sf-grid).e-resize-lines,
4926
+ &:not(.sf-grid).e-resize-lines.e-rtl {
4912
4927
  &.e-default table th[rowspan]:not(.e-freezerightborder, .e-freezeleftborder) {
4913
4928
  border-left: 0;
4914
4929
  }
@@ -4921,7 +4936,9 @@ $grid-dropitems-count-margin-left: -4px !default;
4921
4936
  & tr.e-columnheader th.e-laststackcell .e-rhandler.e-rcursor {
4922
4937
  border-left: 0;
4923
4938
  }
4939
+ }
4924
4940
 
4941
+ &:not(.sf-grid).e-resize-lines.e-rtl {
4925
4942
  &.e-default table th[rowspan] {
4926
4943
  border-right: 0;
4927
4944
  }
@@ -5102,6 +5119,73 @@ $grid-dropitems-count-margin-left: -4px !default;
5102
5119
  .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl){
5103
5120
  text-align: left;
5104
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
+ }
5105
5189
  }
5106
5190
  }
5107
5191
  }