@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
@@ -814,6 +814,10 @@ $grid-dropitems-count-margin-left: -8px !default;
814
814
  padding: $grid-bigger-content-padding $grid-bigger-content-right-padding;
815
815
  }
816
816
 
817
+ .e-summarycell.e-lastrowcell {
818
+ border-bottom-width: 1px;
819
+ }
820
+
817
821
  .e-rowcell .e-checkbox-wrapper,
818
822
  .e-rowcell .e-css.e-checkbox-wrapper {
819
823
  @if $grid-skin == 'material3' {
@@ -1339,12 +1343,7 @@ $grid-dropitems-count-margin-left: -8px !default;
1339
1343
  margin-right: $grid-bigger-grouptext-marign;
1340
1344
  width: $grid-bigger-grouptext-width;
1341
1345
  }
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
-
1346
+
1348
1347
  .e-groupsort,
1349
1348
  span.e-ungroupbutton,
1350
1349
  .e-toggleungroup {
@@ -1586,6 +1585,14 @@ $grid-dropitems-count-margin-left: -8px !default;
1586
1585
  }
1587
1586
  }
1588
1587
  }
1588
+
1589
+ .e-bigger #{&}.e-grid:not(.sf-grid),
1590
+ #{&}.e-grid:not(.sf-grid).e-bigger {
1591
+ .e-gridheader table th[rowspan],
1592
+ &.e-device .e-gridheader table th[rowspan] {
1593
+ padding-bottom: $grid-device-gridheader-row-span-padding;
1594
+ }
1595
+ }
1589
1596
 
1590
1597
  #{&}.e-grid {
1591
1598
  border-radius: $grid-border-radius;
@@ -2509,6 +2516,9 @@ $grid-dropitems-count-margin-left: -8px !default;
2509
2516
  }
2510
2517
  white-space: normal;
2511
2518
  word-wrap: break-word;
2519
+ &.e-lastrowcell {
2520
+ border-bottom-width: 1px;
2521
+ }
2512
2522
  }
2513
2523
 
2514
2524
  .e-summarycontent {
@@ -2585,8 +2595,8 @@ $grid-dropitems-count-margin-left: -8px !default;
2585
2595
  border-width: $grid-rowcell-both-border-width;
2586
2596
  }
2587
2597
 
2588
- .e-gridheader table th[rowspan],
2589
- &.e-device .e-gridheader table th[rowspan] {
2598
+ &:not(.sf-grid).e-gridheader table th[rowspan],
2599
+ &:not(.sf-grid).e-device .e-gridheader table th[rowspan] {
2590
2600
  padding-bottom: $grid-stackedheadercell-botttom-padding;
2591
2601
  vertical-align: bottom;
2592
2602
  }
@@ -2656,23 +2666,23 @@ $grid-dropitems-count-margin-left: -8px !default;
2656
2666
  border-width: $grid-headercell-both-border-width;
2657
2667
  }
2658
2668
 
2659
- &.e-default table th[rowspan] {
2669
+ &:not(.sf-grid).e-default table th[rowspan] {
2660
2670
  border-width: $grid-headercell-both-border-width;
2661
2671
  }
2662
2672
 
2663
- &.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
2673
+ &:not(.sf-grid).e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
2664
2674
  border-right-width: 2px;
2665
2675
  }
2666
2676
 
2667
- &.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
2677
+ &:not(.sf-grid).e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
2668
2678
  border-left-width: 2px;
2669
2679
  }
2670
2680
 
2671
- &.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
2681
+ &:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
2672
2682
  border-left-width: 1px;
2673
2683
  }
2674
2684
 
2675
- &.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
2685
+ &:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
2676
2686
  border-right-width: 1px;
2677
2687
  }
2678
2688
 
@@ -4654,26 +4664,6 @@ $grid-dropitems-count-margin-left: -8px !default;
4654
4664
  position: relative;
4655
4665
  }
4656
4666
 
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
4667
  &.e-default.e-bothlines .e-gridheader .e-headercell.e-firstheader,
4678
4668
  &.e-default.e-bothlines .e-gridheader th.e-grouptopleftcell.e-lastgrouptopleftcell {
4679
4669
  border-left: 1px solid;
@@ -4787,6 +4777,28 @@ $grid-dropitems-count-margin-left: -8px !default;
4787
4777
  }
4788
4778
  }
4789
4779
 
4780
+ &:not(.sf-grid).e-rtl{
4781
+ &.e-default table th[rowspan] {
4782
+ border-width: $grid-rtl-headercell-both-border-width;
4783
+ }
4784
+
4785
+ &.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
4786
+ border-left-width: 2px;
4787
+ }
4788
+
4789
+ &.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
4790
+ border-right-width: 2px;
4791
+ }
4792
+
4793
+ &.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
4794
+ border-right-width: 1px;
4795
+ }
4796
+
4797
+ &.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
4798
+ border-left-width: 1px;
4799
+ }
4800
+ }
4801
+
4790
4802
  &.e-wrap {
4791
4803
  & .e-rowcell,
4792
4804
  & .e-columnheader .e-stackedheadercelldiv,
@@ -4906,7 +4918,10 @@ $grid-dropitems-count-margin-left: -8px !default;
4906
4918
  & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell, .e-freezerightborder, .e-freezeleftborder) {
4907
4919
  border-right: 0;
4908
4920
  }
4921
+ }
4909
4922
 
4923
+ &:not(.sf-grid).e-resize-lines,
4924
+ &:not(.sf-grid).e-resize-lines.e-rtl {
4910
4925
  &.e-default table th[rowspan]:not(.e-freezerightborder, .e-freezeleftborder) {
4911
4926
  border-left: 0;
4912
4927
  }
@@ -4919,7 +4934,9 @@ $grid-dropitems-count-margin-left: -8px !default;
4919
4934
  & tr.e-columnheader th.e-laststackcell .e-rhandler.e-rcursor {
4920
4935
  border-left: 0;
4921
4936
  }
4937
+ }
4922
4938
 
4939
+ &:not(.sf-grid).e-resize-lines.e-rtl {
4923
4940
  &.e-default table th[rowspan] {
4924
4941
  border-right: 0;
4925
4942
  }
@@ -5100,6 +5117,73 @@ $grid-dropitems-count-margin-left: -8px !default;
5100
5117
  .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl){
5101
5118
  text-align: left;
5102
5119
  }
5120
+
5121
+ &.e-default table th:not([rowspan = '1']) {
5122
+ border-width: $grid-headercell-both-border-width;
5123
+ }
5124
+
5125
+ .e-gridheader table th:not([rowspan = '1']),
5126
+ .e-device .e-gridheader table th:not([rowspan = '1']) {
5127
+ padding-bottom: $grid-stackedheadercell-botttom-padding;
5128
+ vertical-align: bottom;
5129
+ }
5130
+
5131
+ &.e-default table th:not([rowspan = '1']).e-leftfreeze.e-freezeleftborder {
5132
+ border-right-width: 2px;
5133
+ }
5134
+
5135
+ &.e-default table th:not([rowspan = '1']).e-rightfreeze.e-freezerightborder {
5136
+ border-left-width: 2px;
5137
+ }
5138
+
5139
+ &.e-default table th:not([rowspan = '1']).e-fixedfreeze.e-freezeleftborder {
5140
+ border-left-width: 1px;
5141
+ }
5142
+
5143
+ &.e-default table th:not([rowspan = '1']).e-fixedfreeze.e-freezerightborder {
5144
+ border-right-width: 1px;
5145
+ }
5146
+
5147
+ &.e-rtl.e-default table th:not([rowspan = '1']) {
5148
+ border-width: $grid-rtl-headercell-both-border-width;
5149
+ }
5150
+
5151
+ &.e-rtl.e-default table th:not([rowspan = '1']).e-leftfreeze.e-freezeleftborder {
5152
+ border-left-width: 2px;
5153
+ }
5154
+
5155
+ &.e-rtl.e-default table th:not([rowspan = '1']).e-rightfreeze.e-freezerightborder {
5156
+ border-right-width: 2px;
5157
+ }
5158
+
5159
+ &.e-rtl.e-default table th:not([rowspan = '1']).e-fixedfreeze.e-freezeleftborder {
5160
+ border-right-width: 1px;
5161
+ }
5162
+
5163
+ &.e-rtl.e-default table th:not([rowspan = '1']).e-fixedfreeze.e-freezerightborder {
5164
+ border-left-width: 1px;
5165
+ }
5166
+
5167
+ &.e-resize-lines,
5168
+ &.e-resize-lines.e-rtl {
5169
+ &.e-default table th:not([rowspan = '1']):not(.e-freezerightborder, .e-freezeleftborder) {
5170
+ border-left: 0;
5171
+ }
5172
+ }
5173
+
5174
+ &.e-resize-lines.e-rtl {
5175
+ &.e-default table th:not([rowspan = '1']) {
5176
+ border-right: 0;
5177
+ }
5178
+ }
5179
+
5180
+ .e-bigger #{&}.e-grid.sf-grid,
5181
+ #{&}.e-grid.sf-grid.e-bigger {
5182
+ .e-gridheader table th:not([rowspan = '1']),
5183
+ &.e-device .e-gridheader table th:not([rowspan = '1']) {
5184
+ padding-bottom: $grid-device-gridheader-row-span-padding;
5185
+ }
5186
+ }
5103
5187
  }
5104
5188
  }
5105
5189
  }
@@ -812,6 +812,10 @@ $grid-dropitems-count-margin-left: -8px !default;
812
812
  padding: $grid-bigger-content-padding $grid-bigger-content-right-padding;
813
813
  }
814
814
 
815
+ .e-summarycell.e-lastrowcell {
816
+ border-bottom-width: 1px;
817
+ }
818
+
815
819
  .e-rowcell .e-checkbox-wrapper,
816
820
  .e-rowcell .e-css.e-checkbox-wrapper {
817
821
  @if $grid-skin == 'material3' {
@@ -1337,12 +1341,7 @@ $grid-dropitems-count-margin-left: -8px !default;
1337
1341
  margin-right: $grid-bigger-grouptext-marign;
1338
1342
  width: $grid-bigger-grouptext-width;
1339
1343
  }
1340
-
1341
- .e-gridheader table th[rowspan],
1342
- &.e-device .e-gridheader table th[rowspan] {
1343
- padding-bottom: $grid-device-gridheader-row-span-padding;
1344
- }
1345
-
1344
+
1346
1345
  .e-groupsort,
1347
1346
  span.e-ungroupbutton,
1348
1347
  .e-toggleungroup {
@@ -1584,6 +1583,14 @@ $grid-dropitems-count-margin-left: -8px !default;
1584
1583
  }
1585
1584
  }
1586
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
+ }
1587
1594
 
1588
1595
  #{&}.e-grid {
1589
1596
  border-radius: $grid-border-radius;
@@ -2507,6 +2514,9 @@ $grid-dropitems-count-margin-left: -8px !default;
2507
2514
  }
2508
2515
  white-space: normal;
2509
2516
  word-wrap: break-word;
2517
+ &.e-lastrowcell {
2518
+ border-bottom-width: 1px;
2519
+ }
2510
2520
  }
2511
2521
 
2512
2522
  .e-summarycontent {
@@ -2583,8 +2593,8 @@ $grid-dropitems-count-margin-left: -8px !default;
2583
2593
  border-width: $grid-rowcell-both-border-width;
2584
2594
  }
2585
2595
 
2586
- .e-gridheader table th[rowspan],
2587
- &.e-device .e-gridheader table th[rowspan] {
2596
+ &:not(.sf-grid).e-gridheader table th[rowspan],
2597
+ &:not(.sf-grid).e-device .e-gridheader table th[rowspan] {
2588
2598
  padding-bottom: $grid-stackedheadercell-botttom-padding;
2589
2599
  vertical-align: bottom;
2590
2600
  }
@@ -2654,23 +2664,23 @@ $grid-dropitems-count-margin-left: -8px !default;
2654
2664
  border-width: $grid-headercell-both-border-width;
2655
2665
  }
2656
2666
 
2657
- &.e-default table th[rowspan] {
2667
+ &:not(.sf-grid).e-default table th[rowspan] {
2658
2668
  border-width: $grid-headercell-both-border-width;
2659
2669
  }
2660
2670
 
2661
- &.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
2671
+ &:not(.sf-grid).e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
2662
2672
  border-right-width: 2px;
2663
2673
  }
2664
2674
 
2665
- &.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
2675
+ &:not(.sf-grid).e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
2666
2676
  border-left-width: 2px;
2667
2677
  }
2668
2678
 
2669
- &.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
2679
+ &:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
2670
2680
  border-left-width: 1px;
2671
2681
  }
2672
2682
 
2673
- &.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
2683
+ &:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
2674
2684
  border-right-width: 1px;
2675
2685
  }
2676
2686
 
@@ -4652,26 +4662,6 @@ $grid-dropitems-count-margin-left: -8px !default;
4652
4662
  position: relative;
4653
4663
  }
4654
4664
 
4655
- &.e-default table th[rowspan] {
4656
- border-width: $grid-rtl-headercell-both-border-width;
4657
- }
4658
-
4659
- &.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
4660
- border-left-width: 2px;
4661
- }
4662
-
4663
- &.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
4664
- border-right-width: 2px;
4665
- }
4666
-
4667
- &.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
4668
- border-right-width: 1px;
4669
- }
4670
-
4671
- &.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
4672
- border-left-width: 1px;
4673
- }
4674
-
4675
4665
  &.e-default.e-bothlines .e-gridheader .e-headercell.e-firstheader,
4676
4666
  &.e-default.e-bothlines .e-gridheader th.e-grouptopleftcell.e-lastgrouptopleftcell {
4677
4667
  border-left: 1px solid;
@@ -4785,6 +4775,28 @@ $grid-dropitems-count-margin-left: -8px !default;
4785
4775
  }
4786
4776
  }
4787
4777
 
4778
+ &:not(.sf-grid).e-rtl{
4779
+ &.e-default table th[rowspan] {
4780
+ border-width: $grid-rtl-headercell-both-border-width;
4781
+ }
4782
+
4783
+ &.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
4784
+ border-left-width: 2px;
4785
+ }
4786
+
4787
+ &.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
4788
+ border-right-width: 2px;
4789
+ }
4790
+
4791
+ &.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
4792
+ border-right-width: 1px;
4793
+ }
4794
+
4795
+ &.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
4796
+ border-left-width: 1px;
4797
+ }
4798
+ }
4799
+
4788
4800
  &.e-wrap {
4789
4801
  & .e-rowcell,
4790
4802
  & .e-columnheader .e-stackedheadercelldiv,
@@ -4904,7 +4916,10 @@ $grid-dropitems-count-margin-left: -8px !default;
4904
4916
  & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell, .e-freezerightborder, .e-freezeleftborder) {
4905
4917
  border-right: 0;
4906
4918
  }
4919
+ }
4907
4920
 
4921
+ &:not(.sf-grid).e-resize-lines,
4922
+ &:not(.sf-grid).e-resize-lines.e-rtl {
4908
4923
  &.e-default table th[rowspan]:not(.e-freezerightborder, .e-freezeleftborder) {
4909
4924
  border-left: 0;
4910
4925
  }
@@ -4917,7 +4932,9 @@ $grid-dropitems-count-margin-left: -8px !default;
4917
4932
  & tr.e-columnheader th.e-laststackcell .e-rhandler.e-rcursor {
4918
4933
  border-left: 0;
4919
4934
  }
4935
+ }
4920
4936
 
4937
+ &:not(.sf-grid).e-resize-lines.e-rtl {
4921
4938
  &.e-default table th[rowspan] {
4922
4939
  border-right: 0;
4923
4940
  }
@@ -5098,6 +5115,73 @@ $grid-dropitems-count-margin-left: -8px !default;
5098
5115
  .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl){
5099
5116
  text-align: left;
5100
5117
  }
5118
+
5119
+ &.e-default table th:not([rowspan = '1']) {
5120
+ border-width: $grid-headercell-both-border-width;
5121
+ }
5122
+
5123
+ .e-gridheader table th:not([rowspan = '1']),
5124
+ .e-device .e-gridheader table th:not([rowspan = '1']) {
5125
+ padding-bottom: $grid-stackedheadercell-botttom-padding;
5126
+ vertical-align: bottom;
5127
+ }
5128
+
5129
+ &.e-default table th:not([rowspan = '1']).e-leftfreeze.e-freezeleftborder {
5130
+ border-right-width: 2px;
5131
+ }
5132
+
5133
+ &.e-default table th:not([rowspan = '1']).e-rightfreeze.e-freezerightborder {
5134
+ border-left-width: 2px;
5135
+ }
5136
+
5137
+ &.e-default table th:not([rowspan = '1']).e-fixedfreeze.e-freezeleftborder {
5138
+ border-left-width: 1px;
5139
+ }
5140
+
5141
+ &.e-default table th:not([rowspan = '1']).e-fixedfreeze.e-freezerightborder {
5142
+ border-right-width: 1px;
5143
+ }
5144
+
5145
+ &.e-rtl.e-default table th:not([rowspan = '1']) {
5146
+ border-width: $grid-rtl-headercell-both-border-width;
5147
+ }
5148
+
5149
+ &.e-rtl.e-default table th:not([rowspan = '1']).e-leftfreeze.e-freezeleftborder {
5150
+ border-left-width: 2px;
5151
+ }
5152
+
5153
+ &.e-rtl.e-default table th:not([rowspan = '1']).e-rightfreeze.e-freezerightborder {
5154
+ border-right-width: 2px;
5155
+ }
5156
+
5157
+ &.e-rtl.e-default table th:not([rowspan = '1']).e-fixedfreeze.e-freezeleftborder {
5158
+ border-right-width: 1px;
5159
+ }
5160
+
5161
+ &.e-rtl.e-default table th:not([rowspan = '1']).e-fixedfreeze.e-freezerightborder {
5162
+ border-left-width: 1px;
5163
+ }
5164
+
5165
+ &.e-resize-lines,
5166
+ &.e-resize-lines.e-rtl {
5167
+ &.e-default table th:not([rowspan = '1']):not(.e-freezerightborder, .e-freezeleftborder) {
5168
+ border-left: 0;
5169
+ }
5170
+ }
5171
+
5172
+ &.e-resize-lines.e-rtl {
5173
+ &.e-default table th:not([rowspan = '1']) {
5174
+ border-right: 0;
5175
+ }
5176
+ }
5177
+
5178
+ .e-bigger #{&}.e-grid.sf-grid,
5179
+ #{&}.e-grid.sf-grid.e-bigger {
5180
+ .e-gridheader table th:not([rowspan = '1']),
5181
+ &.e-device .e-gridheader table th:not([rowspan = '1']) {
5182
+ padding-bottom: $grid-device-gridheader-row-span-padding;
5183
+ }
5184
+ }
5101
5185
  }
5102
5186
  }
5103
5187
  }