@syncfusion/blazor-themes 23.1.44 → 23.2.5

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 (142) hide show
  1. package/SCSS-Themes/bootstrap-dark.scss +184 -17
  2. package/SCSS-Themes/bootstrap.scss +179 -17
  3. package/SCSS-Themes/bootstrap4.scss +179 -17
  4. package/SCSS-Themes/bootstrap5-dark.scss +181 -18
  5. package/SCSS-Themes/bootstrap5.scss +181 -18
  6. package/SCSS-Themes/documenteditor/document-editor/bootstrap-dark.scss +7 -0
  7. package/SCSS-Themes/documenteditor/document-editor/bootstrap.scss +7 -0
  8. package/SCSS-Themes/documenteditor/document-editor/bootstrap4.scss +7 -0
  9. package/SCSS-Themes/documenteditor/document-editor/bootstrap5-dark.scss +7 -0
  10. package/SCSS-Themes/documenteditor/document-editor/bootstrap5.scss +7 -0
  11. package/SCSS-Themes/documenteditor/document-editor/fabric-dark.scss +7 -0
  12. package/SCSS-Themes/documenteditor/document-editor/fabric.scss +7 -0
  13. package/SCSS-Themes/documenteditor/document-editor/fluent-dark.scss +7 -0
  14. package/SCSS-Themes/documenteditor/document-editor/fluent.scss +7 -0
  15. package/SCSS-Themes/documenteditor/document-editor/highcontrast.scss +7 -0
  16. package/SCSS-Themes/documenteditor/document-editor/material-dark.scss +7 -0
  17. package/SCSS-Themes/documenteditor/document-editor/material.scss +7 -0
  18. package/SCSS-Themes/documenteditor/document-editor/material3-dark.scss +7 -0
  19. package/SCSS-Themes/documenteditor/document-editor/material3.scss +7 -0
  20. package/SCSS-Themes/documenteditor/document-editor/tailwind-dark.scss +7 -0
  21. package/SCSS-Themes/documenteditor/document-editor/tailwind.scss +7 -0
  22. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap-dark.scss +69 -0
  23. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap.scss +69 -0
  24. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap4.scss +69 -0
  25. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap5-dark.scss +69 -0
  26. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap5.scss +69 -0
  27. package/SCSS-Themes/documenteditor/document-editor-container/fabric-dark.scss +69 -0
  28. package/SCSS-Themes/documenteditor/document-editor-container/fabric.scss +69 -0
  29. package/SCSS-Themes/documenteditor/document-editor-container/fluent-dark.scss +69 -0
  30. package/SCSS-Themes/documenteditor/document-editor-container/fluent.scss +69 -0
  31. package/SCSS-Themes/documenteditor/document-editor-container/highcontrast.scss +69 -0
  32. package/SCSS-Themes/documenteditor/document-editor-container/material-dark.scss +69 -0
  33. package/SCSS-Themes/documenteditor/document-editor-container/material.scss +69 -0
  34. package/SCSS-Themes/documenteditor/document-editor-container/material3-dark.scss +69 -0
  35. package/SCSS-Themes/documenteditor/document-editor-container/material3.scss +69 -0
  36. package/SCSS-Themes/documenteditor/document-editor-container/tailwind-dark.scss +69 -0
  37. package/SCSS-Themes/documenteditor/document-editor-container/tailwind.scss +69 -0
  38. package/SCSS-Themes/dropdowns/multi-select/bootstrap-dark.scss +5 -0
  39. package/SCSS-Themes/dropdowns/multi-select/bootstrap5-dark.scss +2 -1
  40. package/SCSS-Themes/dropdowns/multi-select/bootstrap5.scss +2 -1
  41. package/SCSS-Themes/dropdowns/multi-select/fabric-dark.scss +5 -0
  42. package/SCSS-Themes/dropdowns/multi-select/fluent-dark.scss +2 -1
  43. package/SCSS-Themes/dropdowns/multi-select/fluent.scss +2 -1
  44. package/SCSS-Themes/dropdowns/multi-select/highcontrast.scss +5 -0
  45. package/SCSS-Themes/dropdowns/multi-select/tailwind-dark.scss +2 -1
  46. package/SCSS-Themes/dropdowns/multi-select/tailwind.scss +2 -1
  47. package/SCSS-Themes/fabric-dark.scss +184 -17
  48. package/SCSS-Themes/fabric.scss +179 -17
  49. package/SCSS-Themes/filemanager/file-manager/material3-dark.scss +1 -1
  50. package/SCSS-Themes/filemanager/file-manager/material3.scss +1 -1
  51. package/SCSS-Themes/fluent-dark.scss +181 -18
  52. package/SCSS-Themes/fluent.scss +181 -18
  53. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +48 -2
  54. package/SCSS-Themes/grids/grid/bootstrap.scss +48 -2
  55. package/SCSS-Themes/grids/grid/bootstrap4.scss +48 -2
  56. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +48 -2
  57. package/SCSS-Themes/grids/grid/bootstrap5.scss +48 -2
  58. package/SCSS-Themes/grids/grid/fabric-dark.scss +48 -2
  59. package/SCSS-Themes/grids/grid/fabric.scss +48 -2
  60. package/SCSS-Themes/grids/grid/fluent-dark.scss +48 -2
  61. package/SCSS-Themes/grids/grid/fluent.scss +48 -2
  62. package/SCSS-Themes/grids/grid/highcontrast.scss +48 -2
  63. package/SCSS-Themes/grids/grid/material-dark.scss +48 -2
  64. package/SCSS-Themes/grids/grid/material.scss +48 -2
  65. package/SCSS-Themes/grids/grid/material3-dark.scss +48 -2
  66. package/SCSS-Themes/grids/grid/material3.scss +48 -2
  67. package/SCSS-Themes/grids/grid/tailwind-dark.scss +48 -2
  68. package/SCSS-Themes/grids/grid/tailwind.scss +48 -2
  69. package/SCSS-Themes/highcontrast.scss +184 -17
  70. package/SCSS-Themes/image-editor/image-editor/bootstrap-dark.scss +25 -7
  71. package/SCSS-Themes/image-editor/image-editor/bootstrap.scss +25 -7
  72. package/SCSS-Themes/image-editor/image-editor/bootstrap4.scss +25 -7
  73. package/SCSS-Themes/image-editor/image-editor/bootstrap5-dark.scss +25 -7
  74. package/SCSS-Themes/image-editor/image-editor/bootstrap5.scss +25 -7
  75. package/SCSS-Themes/image-editor/image-editor/fabric-dark.scss +25 -7
  76. package/SCSS-Themes/image-editor/image-editor/fabric.scss +25 -7
  77. package/SCSS-Themes/image-editor/image-editor/fluent-dark.scss +25 -7
  78. package/SCSS-Themes/image-editor/image-editor/fluent.scss +25 -7
  79. package/SCSS-Themes/image-editor/image-editor/highcontrast.scss +25 -7
  80. package/SCSS-Themes/image-editor/image-editor/material-dark.scss +25 -7
  81. package/SCSS-Themes/image-editor/image-editor/material.scss +25 -7
  82. package/SCSS-Themes/image-editor/image-editor/material3-dark.scss +25 -7
  83. package/SCSS-Themes/image-editor/image-editor/material3.scss +25 -7
  84. package/SCSS-Themes/image-editor/image-editor/tailwind-dark.scss +25 -7
  85. package/SCSS-Themes/image-editor/image-editor/tailwind.scss +25 -7
  86. package/SCSS-Themes/inplace-editor/inplace-editor/bootstrap-dark.scss +4 -4
  87. package/SCSS-Themes/inplace-editor/inplace-editor/bootstrap.scss +4 -4
  88. package/SCSS-Themes/inplace-editor/inplace-editor/bootstrap4.scss +4 -4
  89. package/SCSS-Themes/inplace-editor/inplace-editor/bootstrap5-dark.scss +4 -4
  90. package/SCSS-Themes/inplace-editor/inplace-editor/bootstrap5.scss +4 -4
  91. package/SCSS-Themes/inplace-editor/inplace-editor/fabric-dark.scss +4 -4
  92. package/SCSS-Themes/inplace-editor/inplace-editor/fabric.scss +4 -4
  93. package/SCSS-Themes/inplace-editor/inplace-editor/fluent-dark.scss +4 -4
  94. package/SCSS-Themes/inplace-editor/inplace-editor/fluent.scss +4 -4
  95. package/SCSS-Themes/inplace-editor/inplace-editor/highcontrast.scss +4 -4
  96. package/SCSS-Themes/inplace-editor/inplace-editor/material-dark.scss +4 -4
  97. package/SCSS-Themes/inplace-editor/inplace-editor/material.scss +4 -4
  98. package/SCSS-Themes/inplace-editor/inplace-editor/material3-dark.scss +4 -4
  99. package/SCSS-Themes/inplace-editor/inplace-editor/material3.scss +4 -4
  100. package/SCSS-Themes/inplace-editor/inplace-editor/tailwind-dark.scss +4 -4
  101. package/SCSS-Themes/inplace-editor/inplace-editor/tailwind.scss +4 -4
  102. package/SCSS-Themes/material-dark.scss +179 -17
  103. package/SCSS-Themes/material.scss +179 -17
  104. package/SCSS-Themes/material3-dark.scss +181 -19
  105. package/SCSS-Themes/material3.scss +181 -19
  106. package/SCSS-Themes/pdfviewer/pdfviewer/material3-dark.scss +1 -1
  107. package/SCSS-Themes/pdfviewer/pdfviewer/material3.scss +1 -1
  108. package/SCSS-Themes/ribbon/ribbon/bootstrap-dark.scss +10 -3
  109. package/SCSS-Themes/ribbon/ribbon/bootstrap.scss +10 -3
  110. package/SCSS-Themes/ribbon/ribbon/bootstrap4.scss +10 -3
  111. package/SCSS-Themes/ribbon/ribbon/bootstrap5-dark.scss +10 -3
  112. package/SCSS-Themes/ribbon/ribbon/bootstrap5.scss +10 -3
  113. package/SCSS-Themes/ribbon/ribbon/fabric-dark.scss +10 -3
  114. package/SCSS-Themes/ribbon/ribbon/fabric.scss +10 -3
  115. package/SCSS-Themes/ribbon/ribbon/fluent-dark.scss +10 -3
  116. package/SCSS-Themes/ribbon/ribbon/fluent.scss +10 -3
  117. package/SCSS-Themes/ribbon/ribbon/highcontrast.scss +10 -3
  118. package/SCSS-Themes/ribbon/ribbon/material-dark.scss +10 -3
  119. package/SCSS-Themes/ribbon/ribbon/material.scss +10 -3
  120. package/SCSS-Themes/ribbon/ribbon/material3-dark.scss +10 -3
  121. package/SCSS-Themes/ribbon/ribbon/material3.scss +10 -3
  122. package/SCSS-Themes/ribbon/ribbon/tailwind-dark.scss +10 -3
  123. package/SCSS-Themes/ribbon/ribbon/tailwind.scss +10 -3
  124. package/SCSS-Themes/schedule/schedule/bootstrap-dark.scss +16 -1
  125. package/SCSS-Themes/schedule/schedule/bootstrap.scss +16 -1
  126. package/SCSS-Themes/schedule/schedule/bootstrap4.scss +16 -1
  127. package/SCSS-Themes/schedule/schedule/bootstrap5-dark.scss +16 -1
  128. package/SCSS-Themes/schedule/schedule/bootstrap5.scss +16 -1
  129. package/SCSS-Themes/schedule/schedule/fabric-dark.scss +16 -1
  130. package/SCSS-Themes/schedule/schedule/fabric.scss +16 -1
  131. package/SCSS-Themes/schedule/schedule/fluent-dark.scss +16 -1
  132. package/SCSS-Themes/schedule/schedule/fluent.scss +16 -1
  133. package/SCSS-Themes/schedule/schedule/highcontrast.scss +16 -1
  134. package/SCSS-Themes/schedule/schedule/material-dark.scss +16 -1
  135. package/SCSS-Themes/schedule/schedule/material.scss +16 -1
  136. package/SCSS-Themes/schedule/schedule/material3-dark.scss +16 -1
  137. package/SCSS-Themes/schedule/schedule/material3.scss +16 -1
  138. package/SCSS-Themes/schedule/schedule/tailwind-dark.scss +16 -1
  139. package/SCSS-Themes/schedule/schedule/tailwind.scss +16 -1
  140. package/SCSS-Themes/tailwind-dark.scss +181 -18
  141. package/SCSS-Themes/tailwind.scss +181 -18
  142. package/package.json +1 -1
@@ -1791,6 +1791,15 @@ $grid-dropitems-count-margin-left: -4px !default;
1791
1791
  border-bottom-width: $grid-border-bottom-width;
1792
1792
  }
1793
1793
 
1794
+ .e-bigger & .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell,
1795
+ &.e-bigger .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell,
1796
+ .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell {
1797
+ &.e-groupcaption,
1798
+ &.e-summarycell {
1799
+ border-bottom-width: 0;
1800
+ }
1801
+ }
1802
+
1794
1803
  & .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
1795
1804
  position: relative;
1796
1805
  left: -5px;
@@ -5111,7 +5120,7 @@ margin: $grid-group-animator-cell-margin;
5111
5120
  text-align: left;
5112
5121
  }
5113
5122
 
5114
- &.e-default table th:not([rowspan = '1']) {
5123
+ &.e-default table th:not([rowspan = '1']):not(.e-detailcell,.e-detailindentcell,.e-stackedheadercell) {
5115
5124
  border-width: $grid-headercell-both-border-width;
5116
5125
  }
5117
5126
 
@@ -5137,7 +5146,7 @@ margin: $grid-group-animator-cell-margin;
5137
5146
  border-right-width: 1px;
5138
5147
  }
5139
5148
 
5140
- &.e-rtl.e-default table th:not([rowspan = '1']) {
5149
+ &.e-rtl.e-default table th:not([rowspan = '1']):not(.e-detailcell,.e-detailindentcell,.e-stackedheadercell) {
5141
5150
  border-width: $grid-rtl-headercell-both-border-width;
5142
5151
  }
5143
5152
 
@@ -5179,6 +5188,29 @@ margin: $grid-group-animator-cell-margin;
5179
5188
  &.e-rtl.e-default.e-bothlines .e-detailheadercell {
5180
5189
  border-width: $grid-headercell-both-border-width;
5181
5190
  }
5191
+
5192
+ &.e-resize-lines,
5193
+ &.e-resize-lines.e-rtl {
5194
+
5195
+ & th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder),
5196
+ & th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder) {
5197
+ border-left: 0;
5198
+ border-right: 0;
5199
+ border-top: 0;
5200
+ }
5201
+ }
5202
+
5203
+ &.e-default.e-bothlines .e-headercell,
5204
+ &.e-default.e-bothlines .e-detailheadercell {
5205
+ border-width: $grid-headercell-both-border-width;
5206
+ }
5207
+
5208
+ &.e-bothlines .e-gridheader th.e-stackedheadercell {
5209
+ border-bottom-style: $grid-border-type;
5210
+ border-bottom-width: $grid-border-size;
5211
+ border-left-style: $grid-border-type;
5212
+ border-left-width: $grid-border-size;
5213
+ }
5182
5214
 
5183
5215
  .e-bigger #{&}.e-grid.sf-grid,
5184
5216
  #{&}.e-grid.sf-grid.e-bigger {
@@ -5422,6 +5454,20 @@ margin: $grid-group-animator-cell-margin;
5422
5454
  }
5423
5455
  }
5424
5456
 
5457
+ .e-bigger {
5458
+ &.e-grid.sf-grid.e-row-responsive,
5459
+ .e-grid.sf-grid.e-row-responsive {
5460
+ & .e-gridcontent,
5461
+ & .e-summarycontent {
5462
+ & td::before{
5463
+ @if $grid-skin == 'fluent' {
5464
+ overflow: hidden;
5465
+ }
5466
+ }
5467
+ }
5468
+ }
5469
+ }
5470
+
5425
5471
  .e-bigger .e-grid.e-row-responsive,
5426
5472
  .e-bigger.e-grid.e-row-responsive {
5427
5473
 
@@ -1788,6 +1788,15 @@ $grid-dropitems-count-margin-left: -8px !default;
1788
1788
  border-bottom-width: $grid-border-bottom-width;
1789
1789
  }
1790
1790
 
1791
+ .e-bigger & .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell,
1792
+ &.e-bigger .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell,
1793
+ .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell {
1794
+ &.e-groupcaption,
1795
+ &.e-summarycell {
1796
+ border-bottom-width: 0;
1797
+ }
1798
+ }
1799
+
1791
1800
  & .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
1792
1801
  position: relative;
1793
1802
  left: -5px;
@@ -5108,7 +5117,7 @@ margin: $grid-group-animator-cell-margin;
5108
5117
  text-align: left;
5109
5118
  }
5110
5119
 
5111
- &.e-default table th:not([rowspan = '1']) {
5120
+ &.e-default table th:not([rowspan = '1']):not(.e-detailcell,.e-detailindentcell,.e-stackedheadercell) {
5112
5121
  border-width: $grid-headercell-both-border-width;
5113
5122
  }
5114
5123
 
@@ -5134,7 +5143,7 @@ margin: $grid-group-animator-cell-margin;
5134
5143
  border-right-width: 1px;
5135
5144
  }
5136
5145
 
5137
- &.e-rtl.e-default table th:not([rowspan = '1']) {
5146
+ &.e-rtl.e-default table th:not([rowspan = '1']):not(.e-detailcell,.e-detailindentcell,.e-stackedheadercell) {
5138
5147
  border-width: $grid-rtl-headercell-both-border-width;
5139
5148
  }
5140
5149
 
@@ -5176,6 +5185,29 @@ margin: $grid-group-animator-cell-margin;
5176
5185
  &.e-rtl.e-default.e-bothlines .e-detailheadercell {
5177
5186
  border-width: $grid-headercell-both-border-width;
5178
5187
  }
5188
+
5189
+ &.e-resize-lines,
5190
+ &.e-resize-lines.e-rtl {
5191
+
5192
+ & th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder),
5193
+ & th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder) {
5194
+ border-left: 0;
5195
+ border-right: 0;
5196
+ border-top: 0;
5197
+ }
5198
+ }
5199
+
5200
+ &.e-default.e-bothlines .e-headercell,
5201
+ &.e-default.e-bothlines .e-detailheadercell {
5202
+ border-width: $grid-headercell-both-border-width;
5203
+ }
5204
+
5205
+ &.e-bothlines .e-gridheader th.e-stackedheadercell {
5206
+ border-bottom-style: $grid-border-type;
5207
+ border-bottom-width: $grid-border-size;
5208
+ border-left-style: $grid-border-type;
5209
+ border-left-width: $grid-border-size;
5210
+ }
5179
5211
 
5180
5212
  .e-bigger #{&}.e-grid.sf-grid,
5181
5213
  #{&}.e-grid.sf-grid.e-bigger {
@@ -5419,6 +5451,20 @@ margin: $grid-group-animator-cell-margin;
5419
5451
  }
5420
5452
  }
5421
5453
 
5454
+ .e-bigger {
5455
+ &.e-grid.sf-grid.e-row-responsive,
5456
+ .e-grid.sf-grid.e-row-responsive {
5457
+ & .e-gridcontent,
5458
+ & .e-summarycontent {
5459
+ & td::before{
5460
+ @if $grid-skin == 'fluent' {
5461
+ overflow: hidden;
5462
+ }
5463
+ }
5464
+ }
5465
+ }
5466
+ }
5467
+
5422
5468
  .e-bigger .e-grid.e-row-responsive,
5423
5469
  .e-bigger.e-grid.e-row-responsive {
5424
5470
 
@@ -1788,6 +1788,15 @@ $grid-dropitems-count-margin-left: -8px !default;
1788
1788
  border-bottom-width: $grid-border-bottom-width;
1789
1789
  }
1790
1790
 
1791
+ .e-bigger & .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell,
1792
+ &.e-bigger .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell,
1793
+ .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell {
1794
+ &.e-groupcaption,
1795
+ &.e-summarycell {
1796
+ border-bottom-width: 0;
1797
+ }
1798
+ }
1799
+
1791
1800
  & .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
1792
1801
  position: relative;
1793
1802
  left: -5px;
@@ -5108,7 +5117,7 @@ margin: $grid-group-animator-cell-margin;
5108
5117
  text-align: left;
5109
5118
  }
5110
5119
 
5111
- &.e-default table th:not([rowspan = '1']) {
5120
+ &.e-default table th:not([rowspan = '1']):not(.e-detailcell,.e-detailindentcell,.e-stackedheadercell) {
5112
5121
  border-width: $grid-headercell-both-border-width;
5113
5122
  }
5114
5123
 
@@ -5134,7 +5143,7 @@ margin: $grid-group-animator-cell-margin;
5134
5143
  border-right-width: 1px;
5135
5144
  }
5136
5145
 
5137
- &.e-rtl.e-default table th:not([rowspan = '1']) {
5146
+ &.e-rtl.e-default table th:not([rowspan = '1']):not(.e-detailcell,.e-detailindentcell,.e-stackedheadercell) {
5138
5147
  border-width: $grid-rtl-headercell-both-border-width;
5139
5148
  }
5140
5149
 
@@ -5176,6 +5185,29 @@ margin: $grid-group-animator-cell-margin;
5176
5185
  &.e-rtl.e-default.e-bothlines .e-detailheadercell {
5177
5186
  border-width: $grid-headercell-both-border-width;
5178
5187
  }
5188
+
5189
+ &.e-resize-lines,
5190
+ &.e-resize-lines.e-rtl {
5191
+
5192
+ & th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder),
5193
+ & th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder) {
5194
+ border-left: 0;
5195
+ border-right: 0;
5196
+ border-top: 0;
5197
+ }
5198
+ }
5199
+
5200
+ &.e-default.e-bothlines .e-headercell,
5201
+ &.e-default.e-bothlines .e-detailheadercell {
5202
+ border-width: $grid-headercell-both-border-width;
5203
+ }
5204
+
5205
+ &.e-bothlines .e-gridheader th.e-stackedheadercell {
5206
+ border-bottom-style: $grid-border-type;
5207
+ border-bottom-width: $grid-border-size;
5208
+ border-left-style: $grid-border-type;
5209
+ border-left-width: $grid-border-size;
5210
+ }
5179
5211
 
5180
5212
  .e-bigger #{&}.e-grid.sf-grid,
5181
5213
  #{&}.e-grid.sf-grid.e-bigger {
@@ -5419,6 +5451,20 @@ margin: $grid-group-animator-cell-margin;
5419
5451
  }
5420
5452
  }
5421
5453
 
5454
+ .e-bigger {
5455
+ &.e-grid.sf-grid.e-row-responsive,
5456
+ .e-grid.sf-grid.e-row-responsive {
5457
+ & .e-gridcontent,
5458
+ & .e-summarycontent {
5459
+ & td::before{
5460
+ @if $grid-skin == 'fluent' {
5461
+ overflow: hidden;
5462
+ }
5463
+ }
5464
+ }
5465
+ }
5466
+ }
5467
+
5422
5468
  .e-bigger .e-grid.e-row-responsive,
5423
5469
  .e-bigger.e-grid.e-row-responsive {
5424
5470
 
@@ -1783,6 +1783,15 @@ $grid-dropitems-count-margin-left: -8px !default;
1783
1783
  border-bottom-width: $grid-border-bottom-width;
1784
1784
  }
1785
1785
 
1786
+ .e-bigger & .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell,
1787
+ &.e-bigger .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell,
1788
+ .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell {
1789
+ &.e-groupcaption,
1790
+ &.e-summarycell {
1791
+ border-bottom-width: 0;
1792
+ }
1793
+ }
1794
+
1786
1795
  & .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
1787
1796
  position: relative;
1788
1797
  left: -5px;
@@ -5103,7 +5112,7 @@ margin: $grid-group-animator-cell-margin;
5103
5112
  text-align: left;
5104
5113
  }
5105
5114
 
5106
- &.e-default table th:not([rowspan = '1']) {
5115
+ &.e-default table th:not([rowspan = '1']):not(.e-detailcell,.e-detailindentcell,.e-stackedheadercell) {
5107
5116
  border-width: $grid-headercell-both-border-width;
5108
5117
  }
5109
5118
 
@@ -5129,7 +5138,7 @@ margin: $grid-group-animator-cell-margin;
5129
5138
  border-right-width: 1px;
5130
5139
  }
5131
5140
 
5132
- &.e-rtl.e-default table th:not([rowspan = '1']) {
5141
+ &.e-rtl.e-default table th:not([rowspan = '1']):not(.e-detailcell,.e-detailindentcell,.e-stackedheadercell) {
5133
5142
  border-width: $grid-rtl-headercell-both-border-width;
5134
5143
  }
5135
5144
 
@@ -5171,6 +5180,29 @@ margin: $grid-group-animator-cell-margin;
5171
5180
  &.e-rtl.e-default.e-bothlines .e-detailheadercell {
5172
5181
  border-width: $grid-headercell-both-border-width;
5173
5182
  }
5183
+
5184
+ &.e-resize-lines,
5185
+ &.e-resize-lines.e-rtl {
5186
+
5187
+ & th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder),
5188
+ & th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder) {
5189
+ border-left: 0;
5190
+ border-right: 0;
5191
+ border-top: 0;
5192
+ }
5193
+ }
5194
+
5195
+ &.e-default.e-bothlines .e-headercell,
5196
+ &.e-default.e-bothlines .e-detailheadercell {
5197
+ border-width: $grid-headercell-both-border-width;
5198
+ }
5199
+
5200
+ &.e-bothlines .e-gridheader th.e-stackedheadercell {
5201
+ border-bottom-style: $grid-border-type;
5202
+ border-bottom-width: $grid-border-size;
5203
+ border-left-style: $grid-border-type;
5204
+ border-left-width: $grid-border-size;
5205
+ }
5174
5206
 
5175
5207
  .e-bigger #{&}.e-grid.sf-grid,
5176
5208
  #{&}.e-grid.sf-grid.e-bigger {
@@ -5414,6 +5446,20 @@ margin: $grid-group-animator-cell-margin;
5414
5446
  }
5415
5447
  }
5416
5448
 
5449
+ .e-bigger {
5450
+ &.e-grid.sf-grid.e-row-responsive,
5451
+ .e-grid.sf-grid.e-row-responsive {
5452
+ & .e-gridcontent,
5453
+ & .e-summarycontent {
5454
+ & td::before{
5455
+ @if $grid-skin == 'fluent' {
5456
+ overflow: hidden;
5457
+ }
5458
+ }
5459
+ }
5460
+ }
5461
+ }
5462
+
5417
5463
  .e-bigger .e-grid.e-row-responsive,
5418
5464
  .e-bigger.e-grid.e-row-responsive {
5419
5465
 
@@ -1783,6 +1783,15 @@ $grid-dropitems-count-margin-left: -8px !default;
1783
1783
  border-bottom-width: $grid-border-bottom-width;
1784
1784
  }
1785
1785
 
1786
+ .e-bigger & .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell,
1787
+ &.e-bigger .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell,
1788
+ .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell {
1789
+ &.e-groupcaption,
1790
+ &.e-summarycell {
1791
+ border-bottom-width: 0;
1792
+ }
1793
+ }
1794
+
1786
1795
  & .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
1787
1796
  position: relative;
1788
1797
  left: -5px;
@@ -5103,7 +5112,7 @@ margin: $grid-group-animator-cell-margin;
5103
5112
  text-align: left;
5104
5113
  }
5105
5114
 
5106
- &.e-default table th:not([rowspan = '1']) {
5115
+ &.e-default table th:not([rowspan = '1']):not(.e-detailcell,.e-detailindentcell,.e-stackedheadercell) {
5107
5116
  border-width: $grid-headercell-both-border-width;
5108
5117
  }
5109
5118
 
@@ -5129,7 +5138,7 @@ margin: $grid-group-animator-cell-margin;
5129
5138
  border-right-width: 1px;
5130
5139
  }
5131
5140
 
5132
- &.e-rtl.e-default table th:not([rowspan = '1']) {
5141
+ &.e-rtl.e-default table th:not([rowspan = '1']):not(.e-detailcell,.e-detailindentcell,.e-stackedheadercell) {
5133
5142
  border-width: $grid-rtl-headercell-both-border-width;
5134
5143
  }
5135
5144
 
@@ -5171,6 +5180,29 @@ margin: $grid-group-animator-cell-margin;
5171
5180
  &.e-rtl.e-default.e-bothlines .e-detailheadercell {
5172
5181
  border-width: $grid-headercell-both-border-width;
5173
5182
  }
5183
+
5184
+ &.e-resize-lines,
5185
+ &.e-resize-lines.e-rtl {
5186
+
5187
+ & th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder),
5188
+ & th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder) {
5189
+ border-left: 0;
5190
+ border-right: 0;
5191
+ border-top: 0;
5192
+ }
5193
+ }
5194
+
5195
+ &.e-default.e-bothlines .e-headercell,
5196
+ &.e-default.e-bothlines .e-detailheadercell {
5197
+ border-width: $grid-headercell-both-border-width;
5198
+ }
5199
+
5200
+ &.e-bothlines .e-gridheader th.e-stackedheadercell {
5201
+ border-bottom-style: $grid-border-type;
5202
+ border-bottom-width: $grid-border-size;
5203
+ border-left-style: $grid-border-type;
5204
+ border-left-width: $grid-border-size;
5205
+ }
5174
5206
 
5175
5207
  .e-bigger #{&}.e-grid.sf-grid,
5176
5208
  #{&}.e-grid.sf-grid.e-bigger {
@@ -5414,6 +5446,20 @@ margin: $grid-group-animator-cell-margin;
5414
5446
  }
5415
5447
  }
5416
5448
 
5449
+ .e-bigger {
5450
+ &.e-grid.sf-grid.e-row-responsive,
5451
+ .e-grid.sf-grid.e-row-responsive {
5452
+ & .e-gridcontent,
5453
+ & .e-summarycontent {
5454
+ & td::before{
5455
+ @if $grid-skin == 'fluent' {
5456
+ overflow: hidden;
5457
+ }
5458
+ }
5459
+ }
5460
+ }
5461
+ }
5462
+
5417
5463
  .e-bigger .e-grid.e-row-responsive,
5418
5464
  .e-bigger.e-grid.e-row-responsive {
5419
5465
 
@@ -1788,6 +1788,15 @@ $grid-dropitems-count-margin-left: -8px !default;
1788
1788
  border-bottom-width: $grid-border-bottom-width;
1789
1789
  }
1790
1790
 
1791
+ .e-bigger & .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell,
1792
+ &.e-bigger .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell,
1793
+ .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell {
1794
+ &.e-groupcaption,
1795
+ &.e-summarycell {
1796
+ border-bottom-width: 0;
1797
+ }
1798
+ }
1799
+
1791
1800
  & .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
1792
1801
  position: relative;
1793
1802
  left: -5px;
@@ -5108,7 +5117,7 @@ margin: $grid-group-animator-cell-margin;
5108
5117
  text-align: left;
5109
5118
  }
5110
5119
 
5111
- &.e-default table th:not([rowspan = '1']) {
5120
+ &.e-default table th:not([rowspan = '1']):not(.e-detailcell,.e-detailindentcell,.e-stackedheadercell) {
5112
5121
  border-width: $grid-headercell-both-border-width;
5113
5122
  }
5114
5123
 
@@ -5134,7 +5143,7 @@ margin: $grid-group-animator-cell-margin;
5134
5143
  border-right-width: 1px;
5135
5144
  }
5136
5145
 
5137
- &.e-rtl.e-default table th:not([rowspan = '1']) {
5146
+ &.e-rtl.e-default table th:not([rowspan = '1']):not(.e-detailcell,.e-detailindentcell,.e-stackedheadercell) {
5138
5147
  border-width: $grid-rtl-headercell-both-border-width;
5139
5148
  }
5140
5149
 
@@ -5176,6 +5185,29 @@ margin: $grid-group-animator-cell-margin;
5176
5185
  &.e-rtl.e-default.e-bothlines .e-detailheadercell {
5177
5186
  border-width: $grid-headercell-both-border-width;
5178
5187
  }
5188
+
5189
+ &.e-resize-lines,
5190
+ &.e-resize-lines.e-rtl {
5191
+
5192
+ & th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder),
5193
+ & th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder) {
5194
+ border-left: 0;
5195
+ border-right: 0;
5196
+ border-top: 0;
5197
+ }
5198
+ }
5199
+
5200
+ &.e-default.e-bothlines .e-headercell,
5201
+ &.e-default.e-bothlines .e-detailheadercell {
5202
+ border-width: $grid-headercell-both-border-width;
5203
+ }
5204
+
5205
+ &.e-bothlines .e-gridheader th.e-stackedheadercell {
5206
+ border-bottom-style: $grid-border-type;
5207
+ border-bottom-width: $grid-border-size;
5208
+ border-left-style: $grid-border-type;
5209
+ border-left-width: $grid-border-size;
5210
+ }
5179
5211
 
5180
5212
  .e-bigger #{&}.e-grid.sf-grid,
5181
5213
  #{&}.e-grid.sf-grid.e-bigger {
@@ -5419,6 +5451,20 @@ margin: $grid-group-animator-cell-margin;
5419
5451
  }
5420
5452
  }
5421
5453
 
5454
+ .e-bigger {
5455
+ &.e-grid.sf-grid.e-row-responsive,
5456
+ .e-grid.sf-grid.e-row-responsive {
5457
+ & .e-gridcontent,
5458
+ & .e-summarycontent {
5459
+ & td::before{
5460
+ @if $grid-skin == 'fluent' {
5461
+ overflow: hidden;
5462
+ }
5463
+ }
5464
+ }
5465
+ }
5466
+ }
5467
+
5422
5468
  .e-bigger .e-grid.e-row-responsive,
5423
5469
  .e-bigger.e-grid.e-row-responsive {
5424
5470
 
@@ -1789,6 +1789,15 @@ $grid-dropitems-count-margin-left: -8px !default;
1789
1789
  border-bottom-width: $grid-border-bottom-width;
1790
1790
  }
1791
1791
 
1792
+ .e-bigger & .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell,
1793
+ &.e-bigger .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell,
1794
+ .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell {
1795
+ &.e-groupcaption,
1796
+ &.e-summarycell {
1797
+ border-bottom-width: 0;
1798
+ }
1799
+ }
1800
+
1792
1801
  & .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
1793
1802
  position: relative;
1794
1803
  left: -5px;
@@ -5109,7 +5118,7 @@ margin: $grid-group-animator-cell-margin;
5109
5118
  text-align: left;
5110
5119
  }
5111
5120
 
5112
- &.e-default table th:not([rowspan = '1']) {
5121
+ &.e-default table th:not([rowspan = '1']):not(.e-detailcell,.e-detailindentcell,.e-stackedheadercell) {
5113
5122
  border-width: $grid-headercell-both-border-width;
5114
5123
  }
5115
5124
 
@@ -5135,7 +5144,7 @@ margin: $grid-group-animator-cell-margin;
5135
5144
  border-right-width: 1px;
5136
5145
  }
5137
5146
 
5138
- &.e-rtl.e-default table th:not([rowspan = '1']) {
5147
+ &.e-rtl.e-default table th:not([rowspan = '1']):not(.e-detailcell,.e-detailindentcell,.e-stackedheadercell) {
5139
5148
  border-width: $grid-rtl-headercell-both-border-width;
5140
5149
  }
5141
5150
 
@@ -5177,6 +5186,29 @@ margin: $grid-group-animator-cell-margin;
5177
5186
  &.e-rtl.e-default.e-bothlines .e-detailheadercell {
5178
5187
  border-width: $grid-headercell-both-border-width;
5179
5188
  }
5189
+
5190
+ &.e-resize-lines,
5191
+ &.e-resize-lines.e-rtl {
5192
+
5193
+ & th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder),
5194
+ & th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder) {
5195
+ border-left: 0;
5196
+ border-right: 0;
5197
+ border-top: 0;
5198
+ }
5199
+ }
5200
+
5201
+ &.e-default.e-bothlines .e-headercell,
5202
+ &.e-default.e-bothlines .e-detailheadercell {
5203
+ border-width: $grid-headercell-both-border-width;
5204
+ }
5205
+
5206
+ &.e-bothlines .e-gridheader th.e-stackedheadercell {
5207
+ border-bottom-style: $grid-border-type;
5208
+ border-bottom-width: $grid-border-size;
5209
+ border-left-style: $grid-border-type;
5210
+ border-left-width: $grid-border-size;
5211
+ }
5180
5212
 
5181
5213
  .e-bigger #{&}.e-grid.sf-grid,
5182
5214
  #{&}.e-grid.sf-grid.e-bigger {
@@ -5420,6 +5452,20 @@ margin: $grid-group-animator-cell-margin;
5420
5452
  }
5421
5453
  }
5422
5454
 
5455
+ .e-bigger {
5456
+ &.e-grid.sf-grid.e-row-responsive,
5457
+ .e-grid.sf-grid.e-row-responsive {
5458
+ & .e-gridcontent,
5459
+ & .e-summarycontent {
5460
+ & td::before{
5461
+ @if $grid-skin == 'fluent' {
5462
+ overflow: hidden;
5463
+ }
5464
+ }
5465
+ }
5466
+ }
5467
+ }
5468
+
5423
5469
  .e-bigger .e-grid.e-row-responsive,
5424
5470
  .e-bigger.e-grid.e-row-responsive {
5425
5471
 
@@ -1787,6 +1787,15 @@ $grid-dropitems-count-margin-left: -8px !default;
1787
1787
  border-bottom-width: $grid-border-bottom-width;
1788
1788
  }
1789
1789
 
1790
+ .e-bigger & .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell,
1791
+ &.e-bigger .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell,
1792
+ .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell {
1793
+ &.e-groupcaption,
1794
+ &.e-summarycell {
1795
+ border-bottom-width: 0;
1796
+ }
1797
+ }
1798
+
1790
1799
  & .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
1791
1800
  position: relative;
1792
1801
  left: -5px;
@@ -5107,7 +5116,7 @@ margin: $grid-group-animator-cell-margin;
5107
5116
  text-align: left;
5108
5117
  }
5109
5118
 
5110
- &.e-default table th:not([rowspan = '1']) {
5119
+ &.e-default table th:not([rowspan = '1']):not(.e-detailcell,.e-detailindentcell,.e-stackedheadercell) {
5111
5120
  border-width: $grid-headercell-both-border-width;
5112
5121
  }
5113
5122
 
@@ -5133,7 +5142,7 @@ margin: $grid-group-animator-cell-margin;
5133
5142
  border-right-width: 1px;
5134
5143
  }
5135
5144
 
5136
- &.e-rtl.e-default table th:not([rowspan = '1']) {
5145
+ &.e-rtl.e-default table th:not([rowspan = '1']):not(.e-detailcell,.e-detailindentcell,.e-stackedheadercell) {
5137
5146
  border-width: $grid-rtl-headercell-both-border-width;
5138
5147
  }
5139
5148
 
@@ -5175,6 +5184,29 @@ margin: $grid-group-animator-cell-margin;
5175
5184
  &.e-rtl.e-default.e-bothlines .e-detailheadercell {
5176
5185
  border-width: $grid-headercell-both-border-width;
5177
5186
  }
5187
+
5188
+ &.e-resize-lines,
5189
+ &.e-resize-lines.e-rtl {
5190
+
5191
+ & th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder),
5192
+ & th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder) {
5193
+ border-left: 0;
5194
+ border-right: 0;
5195
+ border-top: 0;
5196
+ }
5197
+ }
5198
+
5199
+ &.e-default.e-bothlines .e-headercell,
5200
+ &.e-default.e-bothlines .e-detailheadercell {
5201
+ border-width: $grid-headercell-both-border-width;
5202
+ }
5203
+
5204
+ &.e-bothlines .e-gridheader th.e-stackedheadercell {
5205
+ border-bottom-style: $grid-border-type;
5206
+ border-bottom-width: $grid-border-size;
5207
+ border-left-style: $grid-border-type;
5208
+ border-left-width: $grid-border-size;
5209
+ }
5178
5210
 
5179
5211
  .e-bigger #{&}.e-grid.sf-grid,
5180
5212
  #{&}.e-grid.sf-grid.e-bigger {
@@ -5418,6 +5450,20 @@ margin: $grid-group-animator-cell-margin;
5418
5450
  }
5419
5451
  }
5420
5452
 
5453
+ .e-bigger {
5454
+ &.e-grid.sf-grid.e-row-responsive,
5455
+ .e-grid.sf-grid.e-row-responsive {
5456
+ & .e-gridcontent,
5457
+ & .e-summarycontent {
5458
+ & td::before{
5459
+ @if $grid-skin == 'fluent' {
5460
+ overflow: hidden;
5461
+ }
5462
+ }
5463
+ }
5464
+ }
5465
+ }
5466
+
5421
5467
  .e-bigger .e-grid.e-row-responsive,
5422
5468
  .e-bigger.e-grid.e-row-responsive {
5423
5469