@syncfusion/blazor-themes 24.1.45 → 24.1.47

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 (243) hide show
  1. package/SCSS-Themes/bootstrap-dark.scss +109 -83
  2. package/SCSS-Themes/bootstrap.scss +109 -83
  3. package/SCSS-Themes/bootstrap4.scss +121 -95
  4. package/SCSS-Themes/bootstrap5-dark.scss +115 -89
  5. package/SCSS-Themes/bootstrap5.scss +115 -89
  6. package/SCSS-Themes/buttons/button/bootstrap-dark.scss +12 -48
  7. package/SCSS-Themes/buttons/button/bootstrap.scss +12 -48
  8. package/SCSS-Themes/buttons/button/bootstrap4.scss +24 -60
  9. package/SCSS-Themes/buttons/button/bootstrap5-dark.scss +12 -48
  10. package/SCSS-Themes/buttons/button/bootstrap5.scss +12 -48
  11. package/SCSS-Themes/buttons/button/fabric-dark.scss +12 -48
  12. package/SCSS-Themes/buttons/button/fabric.scss +12 -48
  13. package/SCSS-Themes/buttons/button/fluent-dark.scss +12 -48
  14. package/SCSS-Themes/buttons/button/fluent.scss +12 -48
  15. package/SCSS-Themes/buttons/button/highcontrast.scss +12 -48
  16. package/SCSS-Themes/buttons/button/material-dark.scss +12 -48
  17. package/SCSS-Themes/buttons/button/material.scss +12 -48
  18. package/SCSS-Themes/buttons/button/material3-dark.scss +12 -48
  19. package/SCSS-Themes/buttons/button/material3.scss +12 -48
  20. package/SCSS-Themes/buttons/button/tailwind-dark.scss +12 -48
  21. package/SCSS-Themes/buttons/button/tailwind.scss +12 -48
  22. package/SCSS-Themes/calendars/calendar/material3-dark.scss +1 -1
  23. package/SCSS-Themes/calendars/calendar/material3.scss +1 -1
  24. package/SCSS-Themes/documenteditor/document-editor/bootstrap-dark.scss +5 -0
  25. package/SCSS-Themes/documenteditor/document-editor/bootstrap.scss +5 -0
  26. package/SCSS-Themes/documenteditor/document-editor/bootstrap4.scss +5 -0
  27. package/SCSS-Themes/documenteditor/document-editor/bootstrap5-dark.scss +5 -0
  28. package/SCSS-Themes/documenteditor/document-editor/bootstrap5.scss +5 -0
  29. package/SCSS-Themes/documenteditor/document-editor/fabric-dark.scss +5 -0
  30. package/SCSS-Themes/documenteditor/document-editor/fabric.scss +5 -0
  31. package/SCSS-Themes/documenteditor/document-editor/fluent-dark.scss +5 -0
  32. package/SCSS-Themes/documenteditor/document-editor/fluent.scss +5 -0
  33. package/SCSS-Themes/documenteditor/document-editor/highcontrast.scss +5 -0
  34. package/SCSS-Themes/documenteditor/document-editor/material-dark.scss +5 -0
  35. package/SCSS-Themes/documenteditor/document-editor/material.scss +5 -0
  36. package/SCSS-Themes/documenteditor/document-editor/material3-dark.scss +5 -0
  37. package/SCSS-Themes/documenteditor/document-editor/material3.scss +5 -0
  38. package/SCSS-Themes/documenteditor/document-editor/tailwind-dark.scss +5 -0
  39. package/SCSS-Themes/documenteditor/document-editor/tailwind.scss +5 -0
  40. package/SCSS-Themes/dropdowns/drop-down-base/bootstrap-dark.scss +0 -5
  41. package/SCSS-Themes/dropdowns/drop-down-base/bootstrap.scss +0 -5
  42. package/SCSS-Themes/dropdowns/drop-down-base/bootstrap4.scss +0 -5
  43. package/SCSS-Themes/dropdowns/drop-down-base/bootstrap5-dark.scss +0 -5
  44. package/SCSS-Themes/dropdowns/drop-down-base/bootstrap5.scss +0 -5
  45. package/SCSS-Themes/dropdowns/drop-down-base/fabric-dark.scss +0 -5
  46. package/SCSS-Themes/dropdowns/drop-down-base/fabric.scss +0 -5
  47. package/SCSS-Themes/dropdowns/drop-down-base/fluent-dark.scss +0 -5
  48. package/SCSS-Themes/dropdowns/drop-down-base/fluent.scss +0 -5
  49. package/SCSS-Themes/dropdowns/drop-down-base/highcontrast.scss +0 -5
  50. package/SCSS-Themes/dropdowns/drop-down-base/material-dark.scss +0 -5
  51. package/SCSS-Themes/dropdowns/drop-down-base/material.scss +0 -5
  52. package/SCSS-Themes/dropdowns/drop-down-base/material3-dark.scss +0 -5
  53. package/SCSS-Themes/dropdowns/drop-down-base/material3.scss +0 -5
  54. package/SCSS-Themes/dropdowns/drop-down-base/tailwind-dark.scss +0 -5
  55. package/SCSS-Themes/dropdowns/drop-down-base/tailwind.scss +0 -5
  56. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap-dark.scss +5 -0
  57. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap.scss +5 -0
  58. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap4.scss +5 -0
  59. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5-dark.scss +5 -0
  60. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5.scss +5 -0
  61. package/SCSS-Themes/dropdowns/drop-down-list/fabric-dark.scss +5 -0
  62. package/SCSS-Themes/dropdowns/drop-down-list/fabric.scss +5 -0
  63. package/SCSS-Themes/dropdowns/drop-down-list/fluent-dark.scss +5 -0
  64. package/SCSS-Themes/dropdowns/drop-down-list/fluent.scss +5 -0
  65. package/SCSS-Themes/dropdowns/drop-down-list/highcontrast.scss +5 -0
  66. package/SCSS-Themes/dropdowns/drop-down-list/material-dark.scss +5 -0
  67. package/SCSS-Themes/dropdowns/drop-down-list/material.scss +5 -0
  68. package/SCSS-Themes/dropdowns/drop-down-list/material3-dark.scss +5 -0
  69. package/SCSS-Themes/dropdowns/drop-down-list/material3.scss +5 -0
  70. package/SCSS-Themes/dropdowns/drop-down-list/tailwind-dark.scss +5 -0
  71. package/SCSS-Themes/dropdowns/drop-down-list/tailwind.scss +5 -0
  72. package/SCSS-Themes/fabric-dark.scss +109 -83
  73. package/SCSS-Themes/fabric.scss +109 -83
  74. package/SCSS-Themes/fluent-dark.scss +113 -87
  75. package/SCSS-Themes/fluent.scss +113 -87
  76. package/SCSS-Themes/gantt/gantt/bootstrap-dark.scss +1 -1
  77. package/SCSS-Themes/gantt/gantt/bootstrap.scss +1 -1
  78. package/SCSS-Themes/gantt/gantt/bootstrap4.scss +1 -1
  79. package/SCSS-Themes/gantt/gantt/bootstrap5-dark.scss +1 -1
  80. package/SCSS-Themes/gantt/gantt/bootstrap5.scss +1 -1
  81. package/SCSS-Themes/gantt/gantt/fabric-dark.scss +1 -1
  82. package/SCSS-Themes/gantt/gantt/fabric.scss +1 -1
  83. package/SCSS-Themes/gantt/gantt/fluent-dark.scss +1 -1
  84. package/SCSS-Themes/gantt/gantt/fluent.scss +1 -1
  85. package/SCSS-Themes/gantt/gantt/highcontrast.scss +1 -1
  86. package/SCSS-Themes/gantt/gantt/material-dark.scss +1 -1
  87. package/SCSS-Themes/gantt/gantt/material.scss +1 -1
  88. package/SCSS-Themes/gantt/gantt/material3-dark.scss +1 -1
  89. package/SCSS-Themes/gantt/gantt/material3.scss +1 -1
  90. package/SCSS-Themes/gantt/gantt/tailwind-dark.scss +1 -1
  91. package/SCSS-Themes/gantt/gantt/tailwind.scss +1 -1
  92. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +22 -4
  93. package/SCSS-Themes/grids/grid/bootstrap.scss +22 -4
  94. package/SCSS-Themes/grids/grid/bootstrap4.scss +22 -4
  95. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +22 -4
  96. package/SCSS-Themes/grids/grid/bootstrap5.scss +22 -4
  97. package/SCSS-Themes/grids/grid/fabric-dark.scss +22 -4
  98. package/SCSS-Themes/grids/grid/fabric.scss +22 -4
  99. package/SCSS-Themes/grids/grid/fluent-dark.scss +22 -4
  100. package/SCSS-Themes/grids/grid/fluent.scss +22 -4
  101. package/SCSS-Themes/grids/grid/highcontrast.scss +22 -4
  102. package/SCSS-Themes/grids/grid/material-dark.scss +22 -4
  103. package/SCSS-Themes/grids/grid/material.scss +22 -4
  104. package/SCSS-Themes/grids/grid/material3-dark.scss +22 -4
  105. package/SCSS-Themes/grids/grid/material3.scss +22 -4
  106. package/SCSS-Themes/grids/grid/tailwind-dark.scss +22 -4
  107. package/SCSS-Themes/grids/grid/tailwind.scss +22 -4
  108. package/SCSS-Themes/highcontrast.scss +109 -83
  109. package/SCSS-Themes/kanban/kanban/bootstrap-dark.scss +0 -1
  110. package/SCSS-Themes/kanban/kanban/bootstrap.scss +0 -1
  111. package/SCSS-Themes/kanban/kanban/bootstrap4.scss +0 -1
  112. package/SCSS-Themes/kanban/kanban/bootstrap5-dark.scss +0 -1
  113. package/SCSS-Themes/kanban/kanban/bootstrap5.scss +0 -1
  114. package/SCSS-Themes/kanban/kanban/fabric-dark.scss +0 -1
  115. package/SCSS-Themes/kanban/kanban/fabric.scss +0 -1
  116. package/SCSS-Themes/kanban/kanban/fluent-dark.scss +0 -1
  117. package/SCSS-Themes/kanban/kanban/fluent.scss +0 -1
  118. package/SCSS-Themes/kanban/kanban/highcontrast.scss +0 -1
  119. package/SCSS-Themes/kanban/kanban/material-dark.scss +0 -1
  120. package/SCSS-Themes/kanban/kanban/material.scss +0 -1
  121. package/SCSS-Themes/kanban/kanban/material3-dark.scss +0 -1
  122. package/SCSS-Themes/kanban/kanban/material3.scss +0 -1
  123. package/SCSS-Themes/kanban/kanban/tailwind-dark.scss +0 -1
  124. package/SCSS-Themes/kanban/kanban/tailwind.scss +0 -1
  125. package/SCSS-Themes/material-dark.scss +109 -83
  126. package/SCSS-Themes/material.scss +110 -83
  127. package/SCSS-Themes/material3-dark.scss +111 -85
  128. package/SCSS-Themes/material3.scss +111 -85
  129. package/SCSS-Themes/navigations/stepper/bootstrap-dark.scss +10 -3
  130. package/SCSS-Themes/navigations/stepper/bootstrap.scss +10 -3
  131. package/SCSS-Themes/navigations/stepper/bootstrap4.scss +10 -3
  132. package/SCSS-Themes/navigations/stepper/bootstrap5-dark.scss +10 -3
  133. package/SCSS-Themes/navigations/stepper/bootstrap5.scss +10 -3
  134. package/SCSS-Themes/navigations/stepper/fabric-dark.scss +10 -3
  135. package/SCSS-Themes/navigations/stepper/fabric.scss +10 -3
  136. package/SCSS-Themes/navigations/stepper/fluent-dark.scss +10 -3
  137. package/SCSS-Themes/navigations/stepper/fluent.scss +10 -3
  138. package/SCSS-Themes/navigations/stepper/highcontrast.scss +10 -3
  139. package/SCSS-Themes/navigations/stepper/material-dark.scss +10 -3
  140. package/SCSS-Themes/navigations/stepper/material.scss +10 -3
  141. package/SCSS-Themes/navigations/stepper/material3-dark.scss +10 -3
  142. package/SCSS-Themes/navigations/stepper/material3.scss +10 -3
  143. package/SCSS-Themes/navigations/stepper/tailwind-dark.scss +10 -3
  144. package/SCSS-Themes/navigations/stepper/tailwind.scss +10 -3
  145. package/SCSS-Themes/navigations/toolbar/bootstrap-dark.scss +8 -0
  146. package/SCSS-Themes/navigations/toolbar/bootstrap.scss +8 -0
  147. package/SCSS-Themes/navigations/toolbar/bootstrap4.scss +8 -0
  148. package/SCSS-Themes/navigations/toolbar/bootstrap5-dark.scss +13 -5
  149. package/SCSS-Themes/navigations/toolbar/bootstrap5.scss +13 -5
  150. package/SCSS-Themes/navigations/toolbar/fabric-dark.scss +8 -0
  151. package/SCSS-Themes/navigations/toolbar/fabric.scss +8 -0
  152. package/SCSS-Themes/navigations/toolbar/fluent-dark.scss +10 -2
  153. package/SCSS-Themes/navigations/toolbar/fluent.scss +10 -2
  154. package/SCSS-Themes/navigations/toolbar/highcontrast.scss +8 -0
  155. package/SCSS-Themes/navigations/toolbar/material-dark.scss +8 -0
  156. package/SCSS-Themes/navigations/toolbar/material.scss +8 -0
  157. package/SCSS-Themes/navigations/toolbar/material3-dark.scss +8 -0
  158. package/SCSS-Themes/navigations/toolbar/material3.scss +8 -0
  159. package/SCSS-Themes/navigations/toolbar/tailwind-dark.scss +10 -2
  160. package/SCSS-Themes/navigations/toolbar/tailwind.scss +10 -2
  161. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap-dark.scss +14 -2
  162. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap.scss +14 -2
  163. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap4.scss +14 -2
  164. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap5-dark.scss +14 -2
  165. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap5.scss +14 -2
  166. package/SCSS-Themes/pdfviewer/pdfviewer/fabric-dark.scss +14 -2
  167. package/SCSS-Themes/pdfviewer/pdfviewer/fabric.scss +14 -2
  168. package/SCSS-Themes/pdfviewer/pdfviewer/fluent-dark.scss +14 -2
  169. package/SCSS-Themes/pdfviewer/pdfviewer/fluent.scss +14 -2
  170. package/SCSS-Themes/pdfviewer/pdfviewer/highcontrast.scss +14 -2
  171. package/SCSS-Themes/pdfviewer/pdfviewer/material-dark.scss +14 -2
  172. package/SCSS-Themes/pdfviewer/pdfviewer/material.scss +14 -2
  173. package/SCSS-Themes/pdfviewer/pdfviewer/material3-dark.scss +14 -2
  174. package/SCSS-Themes/pdfviewer/pdfviewer/material3.scss +14 -2
  175. package/SCSS-Themes/pdfviewer/pdfviewer/tailwind-dark.scss +14 -2
  176. package/SCSS-Themes/pdfviewer/pdfviewer/tailwind.scss +14 -2
  177. package/SCSS-Themes/ribbon/ribbon/bootstrap-dark.scss +10 -0
  178. package/SCSS-Themes/ribbon/ribbon/bootstrap.scss +10 -0
  179. package/SCSS-Themes/ribbon/ribbon/bootstrap4.scss +10 -0
  180. package/SCSS-Themes/ribbon/ribbon/bootstrap5-dark.scss +10 -0
  181. package/SCSS-Themes/ribbon/ribbon/bootstrap5.scss +10 -0
  182. package/SCSS-Themes/ribbon/ribbon/fabric-dark.scss +10 -0
  183. package/SCSS-Themes/ribbon/ribbon/fabric.scss +10 -0
  184. package/SCSS-Themes/ribbon/ribbon/fluent-dark.scss +10 -0
  185. package/SCSS-Themes/ribbon/ribbon/fluent.scss +10 -0
  186. package/SCSS-Themes/ribbon/ribbon/highcontrast.scss +10 -0
  187. package/SCSS-Themes/ribbon/ribbon/material-dark.scss +10 -0
  188. package/SCSS-Themes/ribbon/ribbon/material.scss +10 -0
  189. package/SCSS-Themes/ribbon/ribbon/material3-dark.scss +10 -0
  190. package/SCSS-Themes/ribbon/ribbon/material3.scss +10 -0
  191. package/SCSS-Themes/ribbon/ribbon/tailwind-dark.scss +10 -0
  192. package/SCSS-Themes/ribbon/ribbon/tailwind.scss +10 -0
  193. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap-dark.scss +5 -4
  194. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap.scss +5 -4
  195. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap4.scss +5 -4
  196. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap5-dark.scss +6 -5
  197. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap5.scss +6 -5
  198. package/SCSS-Themes/richtexteditor/rich-text-editor/fabric-dark.scss +5 -4
  199. package/SCSS-Themes/richtexteditor/rich-text-editor/fabric.scss +5 -4
  200. package/SCSS-Themes/richtexteditor/rich-text-editor/fluent-dark.scss +6 -5
  201. package/SCSS-Themes/richtexteditor/rich-text-editor/fluent.scss +6 -5
  202. package/SCSS-Themes/richtexteditor/rich-text-editor/highcontrast.scss +5 -4
  203. package/SCSS-Themes/richtexteditor/rich-text-editor/material-dark.scss +5 -4
  204. package/SCSS-Themes/richtexteditor/rich-text-editor/material.scss +6 -4
  205. package/SCSS-Themes/richtexteditor/rich-text-editor/material3-dark.scss +6 -5
  206. package/SCSS-Themes/richtexteditor/rich-text-editor/material3.scss +6 -5
  207. package/SCSS-Themes/richtexteditor/rich-text-editor/tailwind-dark.scss +6 -5
  208. package/SCSS-Themes/richtexteditor/rich-text-editor/tailwind.scss +6 -5
  209. package/SCSS-Themes/splitbuttons/button-group/bootstrap-dark.scss +14 -14
  210. package/SCSS-Themes/splitbuttons/button-group/bootstrap.scss +14 -14
  211. package/SCSS-Themes/splitbuttons/button-group/bootstrap4.scss +14 -14
  212. package/SCSS-Themes/splitbuttons/button-group/bootstrap5-dark.scss +14 -14
  213. package/SCSS-Themes/splitbuttons/button-group/bootstrap5.scss +14 -14
  214. package/SCSS-Themes/splitbuttons/button-group/fabric-dark.scss +14 -14
  215. package/SCSS-Themes/splitbuttons/button-group/fabric.scss +14 -14
  216. package/SCSS-Themes/splitbuttons/button-group/fluent-dark.scss +14 -14
  217. package/SCSS-Themes/splitbuttons/button-group/fluent.scss +14 -14
  218. package/SCSS-Themes/splitbuttons/button-group/highcontrast.scss +14 -14
  219. package/SCSS-Themes/splitbuttons/button-group/material-dark.scss +14 -14
  220. package/SCSS-Themes/splitbuttons/button-group/material.scss +14 -14
  221. package/SCSS-Themes/splitbuttons/button-group/material3-dark.scss +14 -14
  222. package/SCSS-Themes/splitbuttons/button-group/material3.scss +14 -14
  223. package/SCSS-Themes/splitbuttons/button-group/tailwind-dark.scss +14 -14
  224. package/SCSS-Themes/splitbuttons/button-group/tailwind.scss +14 -14
  225. package/SCSS-Themes/splitbuttons/drop-down-button/bootstrap-dark.scss +3 -1
  226. package/SCSS-Themes/splitbuttons/drop-down-button/bootstrap.scss +3 -1
  227. package/SCSS-Themes/splitbuttons/drop-down-button/bootstrap4.scss +3 -1
  228. package/SCSS-Themes/splitbuttons/drop-down-button/bootstrap5-dark.scss +3 -1
  229. package/SCSS-Themes/splitbuttons/drop-down-button/bootstrap5.scss +3 -1
  230. package/SCSS-Themes/splitbuttons/drop-down-button/fabric-dark.scss +3 -1
  231. package/SCSS-Themes/splitbuttons/drop-down-button/fabric.scss +3 -1
  232. package/SCSS-Themes/splitbuttons/drop-down-button/fluent-dark.scss +4 -2
  233. package/SCSS-Themes/splitbuttons/drop-down-button/fluent.scss +4 -2
  234. package/SCSS-Themes/splitbuttons/drop-down-button/highcontrast.scss +3 -1
  235. package/SCSS-Themes/splitbuttons/drop-down-button/material-dark.scss +3 -1
  236. package/SCSS-Themes/splitbuttons/drop-down-button/material.scss +3 -1
  237. package/SCSS-Themes/splitbuttons/drop-down-button/material3-dark.scss +3 -1
  238. package/SCSS-Themes/splitbuttons/drop-down-button/material3.scss +3 -1
  239. package/SCSS-Themes/splitbuttons/drop-down-button/tailwind-dark.scss +3 -1
  240. package/SCSS-Themes/splitbuttons/drop-down-button/tailwind.scss +3 -1
  241. package/SCSS-Themes/tailwind-dark.scss +112 -86
  242. package/SCSS-Themes/tailwind.scss +112 -86
  243. package/package.json +1 -1
@@ -1719,7 +1719,8 @@ $grid-dropitems-count-margin-left: -8px !default;
1719
1719
  & tr.e-row:first-child .e-rowcell.e-dragborder,
1720
1720
  & .e-rowcell.e-dragborder,
1721
1721
  & .e-rowdragdrop.e-dragborder,
1722
- & .e-detailrowcollapse.e-dragborder {
1722
+ & .e-detailrowcollapse.e-dragborder,
1723
+ & .e-detailrowexpand.e-dragborder {
1723
1724
  z-index: $grid-dragborder-z-index;
1724
1725
  }
1725
1726
  }
@@ -1738,7 +1739,10 @@ $grid-dropitems-count-margin-left: -8px !default;
1738
1739
  & .e-rowdragdrop.e-dragborder.e-fixedfreeze,
1739
1740
  & .e-detailrowcollapse.e-dragborder.e-leftfreeze,
1740
1741
  & .e-detailrowcollapse.e-dragborder.e-rightfreeze,
1741
- & .e-detailrowcollapse.e-dragborder.e-fixedfreeze {
1742
+ & .e-detailrowcollapse.e-dragborder.e-fixedfreeze,
1743
+ & .e-detailrowexpand.e-dragborder.e-leftfreeze,
1744
+ & .e-detailrowexpand.e-dragborder.e-rightfreeze,
1745
+ & .e-detailrowexpand.e-dragborder.e-fixedfreeze {
1742
1746
  z-index: 6;
1743
1747
  }
1744
1748
  }
@@ -1749,7 +1753,8 @@ $grid-dropitems-count-margin-left: -8px !default;
1749
1753
  & tr.e-row:first-child .e-rowcell.e-dragborder,
1750
1754
  & .e-rowcell.e-dragborder,
1751
1755
  & .e-rowdragdrop.e-dragborder,
1752
- & .e-detailrowcollapse.e-dragborder {
1756
+ & .e-detailrowcollapse.e-dragborder,
1757
+ & .e-detailrowexpand.e-dragborder {
1753
1758
  box-shadow: $grid-dragborder-box-shadow;
1754
1759
  }
1755
1760
  }
@@ -1785,7 +1790,8 @@ $grid-dropitems-count-margin-left: -8px !default;
1785
1790
  & tr.e-row:first-child .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
1786
1791
  & .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
1787
1792
  & .e-rowdragdrop.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
1788
- & .e-detailrowcollapse.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze) {
1793
+ & .e-detailrowcollapse.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze)
1794
+ & .e-detailrowexpand.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze) {
1789
1795
  position: $grid-dragborder-position;
1790
1796
  }
1791
1797
  }
@@ -5059,6 +5065,13 @@ margin: $grid-group-animator-cell-margin;
5059
5065
  }
5060
5066
  }
5061
5067
 
5068
+ .e-rowdragdrop {
5069
+ @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' or $grid-skin == 'material' or $grid-skin == 'material-dark' or $grid-skin == 'bootstrap4' {
5070
+ border-width: $grid-rowcell-broder-width;
5071
+ border-color: $grid-dragcell-border-color;
5072
+ }
5073
+ }
5074
+
5062
5075
  .e-rowcell.e-frozen-right-border,
5063
5076
  .e-headercell.e-frozen-right-border,
5064
5077
  .e-filterbarcell.e-frozen-right-border {
@@ -5177,6 +5190,11 @@ margin: $grid-group-animator-cell-margin;
5177
5190
  overflow-y: auto;
5178
5191
  }
5179
5192
 
5193
+ .e-gridcontent .e-content,
5194
+ .e-detailrowcollapse.e-dragborder,
5195
+ .e-detailrowexpand.e-dragborder{
5196
+ position: $grid-dragborder-position;
5197
+ }
5180
5198
  .e-gridcontent .e-content.e-yscroll {
5181
5199
  overflow-y: scroll;
5182
5200
  }
@@ -1724,7 +1724,8 @@ $grid-dropitems-count-margin-left: -8px !default;
1724
1724
  & tr.e-row:first-child .e-rowcell.e-dragborder,
1725
1725
  & .e-rowcell.e-dragborder,
1726
1726
  & .e-rowdragdrop.e-dragborder,
1727
- & .e-detailrowcollapse.e-dragborder {
1727
+ & .e-detailrowcollapse.e-dragborder,
1728
+ & .e-detailrowexpand.e-dragborder {
1728
1729
  z-index: $grid-dragborder-z-index;
1729
1730
  }
1730
1731
  }
@@ -1743,7 +1744,10 @@ $grid-dropitems-count-margin-left: -8px !default;
1743
1744
  & .e-rowdragdrop.e-dragborder.e-fixedfreeze,
1744
1745
  & .e-detailrowcollapse.e-dragborder.e-leftfreeze,
1745
1746
  & .e-detailrowcollapse.e-dragborder.e-rightfreeze,
1746
- & .e-detailrowcollapse.e-dragborder.e-fixedfreeze {
1747
+ & .e-detailrowcollapse.e-dragborder.e-fixedfreeze,
1748
+ & .e-detailrowexpand.e-dragborder.e-leftfreeze,
1749
+ & .e-detailrowexpand.e-dragborder.e-rightfreeze,
1750
+ & .e-detailrowexpand.e-dragborder.e-fixedfreeze {
1747
1751
  z-index: 6;
1748
1752
  }
1749
1753
  }
@@ -1754,7 +1758,8 @@ $grid-dropitems-count-margin-left: -8px !default;
1754
1758
  & tr.e-row:first-child .e-rowcell.e-dragborder,
1755
1759
  & .e-rowcell.e-dragborder,
1756
1760
  & .e-rowdragdrop.e-dragborder,
1757
- & .e-detailrowcollapse.e-dragborder {
1761
+ & .e-detailrowcollapse.e-dragborder,
1762
+ & .e-detailrowexpand.e-dragborder {
1758
1763
  box-shadow: $grid-dragborder-box-shadow;
1759
1764
  }
1760
1765
  }
@@ -1790,7 +1795,8 @@ $grid-dropitems-count-margin-left: -8px !default;
1790
1795
  & tr.e-row:first-child .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
1791
1796
  & .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
1792
1797
  & .e-rowdragdrop.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
1793
- & .e-detailrowcollapse.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze) {
1798
+ & .e-detailrowcollapse.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze)
1799
+ & .e-detailrowexpand.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze) {
1794
1800
  position: $grid-dragborder-position;
1795
1801
  }
1796
1802
  }
@@ -5064,6 +5070,13 @@ margin: $grid-group-animator-cell-margin;
5064
5070
  }
5065
5071
  }
5066
5072
 
5073
+ .e-rowdragdrop {
5074
+ @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' or $grid-skin == 'material' or $grid-skin == 'material-dark' or $grid-skin == 'bootstrap4' {
5075
+ border-width: $grid-rowcell-broder-width;
5076
+ border-color: $grid-dragcell-border-color;
5077
+ }
5078
+ }
5079
+
5067
5080
  .e-rowcell.e-frozen-right-border,
5068
5081
  .e-headercell.e-frozen-right-border,
5069
5082
  .e-filterbarcell.e-frozen-right-border {
@@ -5182,6 +5195,11 @@ margin: $grid-group-animator-cell-margin;
5182
5195
  overflow-y: auto;
5183
5196
  }
5184
5197
 
5198
+ .e-gridcontent .e-content,
5199
+ .e-detailrowcollapse.e-dragborder,
5200
+ .e-detailrowexpand.e-dragborder{
5201
+ position: $grid-dragborder-position;
5202
+ }
5185
5203
  .e-gridcontent .e-content.e-yscroll {
5186
5204
  overflow-y: scroll;
5187
5205
  }
@@ -1725,7 +1725,8 @@ $grid-dropitems-count-margin-left: -8px !default;
1725
1725
  & tr.e-row:first-child .e-rowcell.e-dragborder,
1726
1726
  & .e-rowcell.e-dragborder,
1727
1727
  & .e-rowdragdrop.e-dragborder,
1728
- & .e-detailrowcollapse.e-dragborder {
1728
+ & .e-detailrowcollapse.e-dragborder,
1729
+ & .e-detailrowexpand.e-dragborder {
1729
1730
  z-index: $grid-dragborder-z-index;
1730
1731
  }
1731
1732
  }
@@ -1744,7 +1745,10 @@ $grid-dropitems-count-margin-left: -8px !default;
1744
1745
  & .e-rowdragdrop.e-dragborder.e-fixedfreeze,
1745
1746
  & .e-detailrowcollapse.e-dragborder.e-leftfreeze,
1746
1747
  & .e-detailrowcollapse.e-dragborder.e-rightfreeze,
1747
- & .e-detailrowcollapse.e-dragborder.e-fixedfreeze {
1748
+ & .e-detailrowcollapse.e-dragborder.e-fixedfreeze,
1749
+ & .e-detailrowexpand.e-dragborder.e-leftfreeze,
1750
+ & .e-detailrowexpand.e-dragborder.e-rightfreeze,
1751
+ & .e-detailrowexpand.e-dragborder.e-fixedfreeze {
1748
1752
  z-index: 6;
1749
1753
  }
1750
1754
  }
@@ -1755,7 +1759,8 @@ $grid-dropitems-count-margin-left: -8px !default;
1755
1759
  & tr.e-row:first-child .e-rowcell.e-dragborder,
1756
1760
  & .e-rowcell.e-dragborder,
1757
1761
  & .e-rowdragdrop.e-dragborder,
1758
- & .e-detailrowcollapse.e-dragborder {
1762
+ & .e-detailrowcollapse.e-dragborder,
1763
+ & .e-detailrowexpand.e-dragborder {
1759
1764
  box-shadow: $grid-dragborder-box-shadow;
1760
1765
  }
1761
1766
  }
@@ -1791,7 +1796,8 @@ $grid-dropitems-count-margin-left: -8px !default;
1791
1796
  & tr.e-row:first-child .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
1792
1797
  & .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
1793
1798
  & .e-rowdragdrop.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
1794
- & .e-detailrowcollapse.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze) {
1799
+ & .e-detailrowcollapse.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze)
1800
+ & .e-detailrowexpand.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze) {
1795
1801
  position: $grid-dragborder-position;
1796
1802
  }
1797
1803
  }
@@ -5065,6 +5071,13 @@ margin: $grid-group-animator-cell-margin;
5065
5071
  }
5066
5072
  }
5067
5073
 
5074
+ .e-rowdragdrop {
5075
+ @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' or $grid-skin == 'material' or $grid-skin == 'material-dark' or $grid-skin == 'bootstrap4' {
5076
+ border-width: $grid-rowcell-broder-width;
5077
+ border-color: $grid-dragcell-border-color;
5078
+ }
5079
+ }
5080
+
5068
5081
  .e-rowcell.e-frozen-right-border,
5069
5082
  .e-headercell.e-frozen-right-border,
5070
5083
  .e-filterbarcell.e-frozen-right-border {
@@ -5183,6 +5196,11 @@ margin: $grid-group-animator-cell-margin;
5183
5196
  overflow-y: auto;
5184
5197
  }
5185
5198
 
5199
+ .e-gridcontent .e-content,
5200
+ .e-detailrowcollapse.e-dragborder,
5201
+ .e-detailrowexpand.e-dragborder{
5202
+ position: $grid-dragborder-position;
5203
+ }
5186
5204
  .e-gridcontent .e-content.e-yscroll {
5187
5205
  overflow-y: scroll;
5188
5206
  }
@@ -1723,7 +1723,8 @@ $grid-dropitems-count-margin-left: -8px !default;
1723
1723
  & tr.e-row:first-child .e-rowcell.e-dragborder,
1724
1724
  & .e-rowcell.e-dragborder,
1725
1725
  & .e-rowdragdrop.e-dragborder,
1726
- & .e-detailrowcollapse.e-dragborder {
1726
+ & .e-detailrowcollapse.e-dragborder,
1727
+ & .e-detailrowexpand.e-dragborder {
1727
1728
  z-index: $grid-dragborder-z-index;
1728
1729
  }
1729
1730
  }
@@ -1742,7 +1743,10 @@ $grid-dropitems-count-margin-left: -8px !default;
1742
1743
  & .e-rowdragdrop.e-dragborder.e-fixedfreeze,
1743
1744
  & .e-detailrowcollapse.e-dragborder.e-leftfreeze,
1744
1745
  & .e-detailrowcollapse.e-dragborder.e-rightfreeze,
1745
- & .e-detailrowcollapse.e-dragborder.e-fixedfreeze {
1746
+ & .e-detailrowcollapse.e-dragborder.e-fixedfreeze,
1747
+ & .e-detailrowexpand.e-dragborder.e-leftfreeze,
1748
+ & .e-detailrowexpand.e-dragborder.e-rightfreeze,
1749
+ & .e-detailrowexpand.e-dragborder.e-fixedfreeze {
1746
1750
  z-index: 6;
1747
1751
  }
1748
1752
  }
@@ -1753,7 +1757,8 @@ $grid-dropitems-count-margin-left: -8px !default;
1753
1757
  & tr.e-row:first-child .e-rowcell.e-dragborder,
1754
1758
  & .e-rowcell.e-dragborder,
1755
1759
  & .e-rowdragdrop.e-dragborder,
1756
- & .e-detailrowcollapse.e-dragborder {
1760
+ & .e-detailrowcollapse.e-dragborder,
1761
+ & .e-detailrowexpand.e-dragborder {
1757
1762
  box-shadow: $grid-dragborder-box-shadow;
1758
1763
  }
1759
1764
  }
@@ -1789,7 +1794,8 @@ $grid-dropitems-count-margin-left: -8px !default;
1789
1794
  & tr.e-row:first-child .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
1790
1795
  & .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
1791
1796
  & .e-rowdragdrop.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
1792
- & .e-detailrowcollapse.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze) {
1797
+ & .e-detailrowcollapse.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze)
1798
+ & .e-detailrowexpand.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze) {
1793
1799
  position: $grid-dragborder-position;
1794
1800
  }
1795
1801
  }
@@ -5063,6 +5069,13 @@ margin: $grid-group-animator-cell-margin;
5063
5069
  }
5064
5070
  }
5065
5071
 
5072
+ .e-rowdragdrop {
5073
+ @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' or $grid-skin == 'material' or $grid-skin == 'material-dark' or $grid-skin == 'bootstrap4' {
5074
+ border-width: $grid-rowcell-broder-width;
5075
+ border-color: $grid-dragcell-border-color;
5076
+ }
5077
+ }
5078
+
5066
5079
  .e-rowcell.e-frozen-right-border,
5067
5080
  .e-headercell.e-frozen-right-border,
5068
5081
  .e-filterbarcell.e-frozen-right-border {
@@ -5181,6 +5194,11 @@ margin: $grid-group-animator-cell-margin;
5181
5194
  overflow-y: auto;
5182
5195
  }
5183
5196
 
5197
+ .e-gridcontent .e-content,
5198
+ .e-detailrowcollapse.e-dragborder,
5199
+ .e-detailrowexpand.e-dragborder{
5200
+ position: $grid-dragborder-position;
5201
+ }
5184
5202
  .e-gridcontent .e-content.e-yscroll {
5185
5203
  overflow-y: scroll;
5186
5204
  }
@@ -1734,7 +1734,8 @@ $grid-dropitems-count-margin-left: -9px !default;
1734
1734
  & tr.e-row:first-child .e-rowcell.e-dragborder,
1735
1735
  & .e-rowcell.e-dragborder,
1736
1736
  & .e-rowdragdrop.e-dragborder,
1737
- & .e-detailrowcollapse.e-dragborder {
1737
+ & .e-detailrowcollapse.e-dragborder,
1738
+ & .e-detailrowexpand.e-dragborder {
1738
1739
  z-index: $grid-dragborder-z-index;
1739
1740
  }
1740
1741
  }
@@ -1753,7 +1754,10 @@ $grid-dropitems-count-margin-left: -9px !default;
1753
1754
  & .e-rowdragdrop.e-dragborder.e-fixedfreeze,
1754
1755
  & .e-detailrowcollapse.e-dragborder.e-leftfreeze,
1755
1756
  & .e-detailrowcollapse.e-dragborder.e-rightfreeze,
1756
- & .e-detailrowcollapse.e-dragborder.e-fixedfreeze {
1757
+ & .e-detailrowcollapse.e-dragborder.e-fixedfreeze,
1758
+ & .e-detailrowexpand.e-dragborder.e-leftfreeze,
1759
+ & .e-detailrowexpand.e-dragborder.e-rightfreeze,
1760
+ & .e-detailrowexpand.e-dragborder.e-fixedfreeze {
1757
1761
  z-index: 6;
1758
1762
  }
1759
1763
  }
@@ -1764,7 +1768,8 @@ $grid-dropitems-count-margin-left: -9px !default;
1764
1768
  & tr.e-row:first-child .e-rowcell.e-dragborder,
1765
1769
  & .e-rowcell.e-dragborder,
1766
1770
  & .e-rowdragdrop.e-dragborder,
1767
- & .e-detailrowcollapse.e-dragborder {
1771
+ & .e-detailrowcollapse.e-dragborder,
1772
+ & .e-detailrowexpand.e-dragborder {
1768
1773
  box-shadow: $grid-dragborder-box-shadow;
1769
1774
  }
1770
1775
  }
@@ -1800,7 +1805,8 @@ $grid-dropitems-count-margin-left: -9px !default;
1800
1805
  & tr.e-row:first-child .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
1801
1806
  & .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
1802
1807
  & .e-rowdragdrop.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
1803
- & .e-detailrowcollapse.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze) {
1808
+ & .e-detailrowcollapse.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze)
1809
+ & .e-detailrowexpand.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze) {
1804
1810
  position: $grid-dragborder-position;
1805
1811
  }
1806
1812
  }
@@ -5074,6 +5080,13 @@ margin: $grid-group-animator-cell-margin;
5074
5080
  }
5075
5081
  }
5076
5082
 
5083
+ .e-rowdragdrop {
5084
+ @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' or $grid-skin == 'material' or $grid-skin == 'material-dark' or $grid-skin == 'bootstrap4' {
5085
+ border-width: $grid-rowcell-broder-width;
5086
+ border-color: $grid-dragcell-border-color;
5087
+ }
5088
+ }
5089
+
5077
5090
  .e-rowcell.e-frozen-right-border,
5078
5091
  .e-headercell.e-frozen-right-border,
5079
5092
  .e-filterbarcell.e-frozen-right-border {
@@ -5192,6 +5205,11 @@ margin: $grid-group-animator-cell-margin;
5192
5205
  overflow-y: auto;
5193
5206
  }
5194
5207
 
5208
+ .e-gridcontent .e-content,
5209
+ .e-detailrowcollapse.e-dragborder,
5210
+ .e-detailrowexpand.e-dragborder{
5211
+ position: $grid-dragborder-position;
5212
+ }
5195
5213
  .e-gridcontent .e-content.e-yscroll {
5196
5214
  overflow-y: scroll;
5197
5215
  }
@@ -1734,7 +1734,8 @@ $grid-dropitems-count-margin-left: -9px !default;
1734
1734
  & tr.e-row:first-child .e-rowcell.e-dragborder,
1735
1735
  & .e-rowcell.e-dragborder,
1736
1736
  & .e-rowdragdrop.e-dragborder,
1737
- & .e-detailrowcollapse.e-dragborder {
1737
+ & .e-detailrowcollapse.e-dragborder,
1738
+ & .e-detailrowexpand.e-dragborder {
1738
1739
  z-index: $grid-dragborder-z-index;
1739
1740
  }
1740
1741
  }
@@ -1753,7 +1754,10 @@ $grid-dropitems-count-margin-left: -9px !default;
1753
1754
  & .e-rowdragdrop.e-dragborder.e-fixedfreeze,
1754
1755
  & .e-detailrowcollapse.e-dragborder.e-leftfreeze,
1755
1756
  & .e-detailrowcollapse.e-dragborder.e-rightfreeze,
1756
- & .e-detailrowcollapse.e-dragborder.e-fixedfreeze {
1757
+ & .e-detailrowcollapse.e-dragborder.e-fixedfreeze,
1758
+ & .e-detailrowexpand.e-dragborder.e-leftfreeze,
1759
+ & .e-detailrowexpand.e-dragborder.e-rightfreeze,
1760
+ & .e-detailrowexpand.e-dragborder.e-fixedfreeze {
1757
1761
  z-index: 6;
1758
1762
  }
1759
1763
  }
@@ -1764,7 +1768,8 @@ $grid-dropitems-count-margin-left: -9px !default;
1764
1768
  & tr.e-row:first-child .e-rowcell.e-dragborder,
1765
1769
  & .e-rowcell.e-dragborder,
1766
1770
  & .e-rowdragdrop.e-dragborder,
1767
- & .e-detailrowcollapse.e-dragborder {
1771
+ & .e-detailrowcollapse.e-dragborder,
1772
+ & .e-detailrowexpand.e-dragborder {
1768
1773
  box-shadow: $grid-dragborder-box-shadow;
1769
1774
  }
1770
1775
  }
@@ -1800,7 +1805,8 @@ $grid-dropitems-count-margin-left: -9px !default;
1800
1805
  & tr.e-row:first-child .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
1801
1806
  & .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
1802
1807
  & .e-rowdragdrop.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
1803
- & .e-detailrowcollapse.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze) {
1808
+ & .e-detailrowcollapse.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze)
1809
+ & .e-detailrowexpand.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze) {
1804
1810
  position: $grid-dragborder-position;
1805
1811
  }
1806
1812
  }
@@ -5074,6 +5080,13 @@ margin: $grid-group-animator-cell-margin;
5074
5080
  }
5075
5081
  }
5076
5082
 
5083
+ .e-rowdragdrop {
5084
+ @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' or $grid-skin == 'material' or $grid-skin == 'material-dark' or $grid-skin == 'bootstrap4' {
5085
+ border-width: $grid-rowcell-broder-width;
5086
+ border-color: $grid-dragcell-border-color;
5087
+ }
5088
+ }
5089
+
5077
5090
  .e-rowcell.e-frozen-right-border,
5078
5091
  .e-headercell.e-frozen-right-border,
5079
5092
  .e-filterbarcell.e-frozen-right-border {
@@ -5192,6 +5205,11 @@ margin: $grid-group-animator-cell-margin;
5192
5205
  overflow-y: auto;
5193
5206
  }
5194
5207
 
5208
+ .e-gridcontent .e-content,
5209
+ .e-detailrowcollapse.e-dragborder,
5210
+ .e-detailrowexpand.e-dragborder{
5211
+ position: $grid-dragborder-position;
5212
+ }
5195
5213
  .e-gridcontent .e-content.e-yscroll {
5196
5214
  overflow-y: scroll;
5197
5215
  }
@@ -1734,7 +1734,8 @@ $grid-dropitems-count-margin-left: -8px !default;
1734
1734
  & tr.e-row:first-child .e-rowcell.e-dragborder,
1735
1735
  & .e-rowcell.e-dragborder,
1736
1736
  & .e-rowdragdrop.e-dragborder,
1737
- & .e-detailrowcollapse.e-dragborder {
1737
+ & .e-detailrowcollapse.e-dragborder,
1738
+ & .e-detailrowexpand.e-dragborder {
1738
1739
  z-index: $grid-dragborder-z-index;
1739
1740
  }
1740
1741
  }
@@ -1753,7 +1754,10 @@ $grid-dropitems-count-margin-left: -8px !default;
1753
1754
  & .e-rowdragdrop.e-dragborder.e-fixedfreeze,
1754
1755
  & .e-detailrowcollapse.e-dragborder.e-leftfreeze,
1755
1756
  & .e-detailrowcollapse.e-dragborder.e-rightfreeze,
1756
- & .e-detailrowcollapse.e-dragborder.e-fixedfreeze {
1757
+ & .e-detailrowcollapse.e-dragborder.e-fixedfreeze,
1758
+ & .e-detailrowexpand.e-dragborder.e-leftfreeze,
1759
+ & .e-detailrowexpand.e-dragborder.e-rightfreeze,
1760
+ & .e-detailrowexpand.e-dragborder.e-fixedfreeze {
1757
1761
  z-index: 6;
1758
1762
  }
1759
1763
  }
@@ -1764,7 +1768,8 @@ $grid-dropitems-count-margin-left: -8px !default;
1764
1768
  & tr.e-row:first-child .e-rowcell.e-dragborder,
1765
1769
  & .e-rowcell.e-dragborder,
1766
1770
  & .e-rowdragdrop.e-dragborder,
1767
- & .e-detailrowcollapse.e-dragborder {
1771
+ & .e-detailrowcollapse.e-dragborder,
1772
+ & .e-detailrowexpand.e-dragborder {
1768
1773
  box-shadow: $grid-dragborder-box-shadow;
1769
1774
  }
1770
1775
  }
@@ -1800,7 +1805,8 @@ $grid-dropitems-count-margin-left: -8px !default;
1800
1805
  & tr.e-row:first-child .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
1801
1806
  & .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
1802
1807
  & .e-rowdragdrop.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
1803
- & .e-detailrowcollapse.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze) {
1808
+ & .e-detailrowcollapse.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze)
1809
+ & .e-detailrowexpand.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze) {
1804
1810
  position: $grid-dragborder-position;
1805
1811
  }
1806
1812
  }
@@ -5074,6 +5080,13 @@ margin: $grid-group-animator-cell-margin;
5074
5080
  }
5075
5081
  }
5076
5082
 
5083
+ .e-rowdragdrop {
5084
+ @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' or $grid-skin == 'material' or $grid-skin == 'material-dark' or $grid-skin == 'bootstrap4' {
5085
+ border-width: $grid-rowcell-broder-width;
5086
+ border-color: $grid-dragcell-border-color;
5087
+ }
5088
+ }
5089
+
5077
5090
  .e-rowcell.e-frozen-right-border,
5078
5091
  .e-headercell.e-frozen-right-border,
5079
5092
  .e-filterbarcell.e-frozen-right-border {
@@ -5192,6 +5205,11 @@ margin: $grid-group-animator-cell-margin;
5192
5205
  overflow-y: auto;
5193
5206
  }
5194
5207
 
5208
+ .e-gridcontent .e-content,
5209
+ .e-detailrowcollapse.e-dragborder,
5210
+ .e-detailrowexpand.e-dragborder{
5211
+ position: $grid-dragborder-position;
5212
+ }
5195
5213
  .e-gridcontent .e-content.e-yscroll {
5196
5214
  overflow-y: scroll;
5197
5215
  }
@@ -1734,7 +1734,8 @@ $grid-dropitems-count-margin-left: -8px !default;
1734
1734
  & tr.e-row:first-child .e-rowcell.e-dragborder,
1735
1735
  & .e-rowcell.e-dragborder,
1736
1736
  & .e-rowdragdrop.e-dragborder,
1737
- & .e-detailrowcollapse.e-dragborder {
1737
+ & .e-detailrowcollapse.e-dragborder,
1738
+ & .e-detailrowexpand.e-dragborder {
1738
1739
  z-index: $grid-dragborder-z-index;
1739
1740
  }
1740
1741
  }
@@ -1753,7 +1754,10 @@ $grid-dropitems-count-margin-left: -8px !default;
1753
1754
  & .e-rowdragdrop.e-dragborder.e-fixedfreeze,
1754
1755
  & .e-detailrowcollapse.e-dragborder.e-leftfreeze,
1755
1756
  & .e-detailrowcollapse.e-dragborder.e-rightfreeze,
1756
- & .e-detailrowcollapse.e-dragborder.e-fixedfreeze {
1757
+ & .e-detailrowcollapse.e-dragborder.e-fixedfreeze,
1758
+ & .e-detailrowexpand.e-dragborder.e-leftfreeze,
1759
+ & .e-detailrowexpand.e-dragborder.e-rightfreeze,
1760
+ & .e-detailrowexpand.e-dragborder.e-fixedfreeze {
1757
1761
  z-index: 6;
1758
1762
  }
1759
1763
  }
@@ -1764,7 +1768,8 @@ $grid-dropitems-count-margin-left: -8px !default;
1764
1768
  & tr.e-row:first-child .e-rowcell.e-dragborder,
1765
1769
  & .e-rowcell.e-dragborder,
1766
1770
  & .e-rowdragdrop.e-dragborder,
1767
- & .e-detailrowcollapse.e-dragborder {
1771
+ & .e-detailrowcollapse.e-dragborder,
1772
+ & .e-detailrowexpand.e-dragborder {
1768
1773
  box-shadow: $grid-dragborder-box-shadow;
1769
1774
  }
1770
1775
  }
@@ -1800,7 +1805,8 @@ $grid-dropitems-count-margin-left: -8px !default;
1800
1805
  & tr.e-row:first-child .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
1801
1806
  & .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
1802
1807
  & .e-rowdragdrop.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
1803
- & .e-detailrowcollapse.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze) {
1808
+ & .e-detailrowcollapse.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze)
1809
+ & .e-detailrowexpand.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze) {
1804
1810
  position: $grid-dragborder-position;
1805
1811
  }
1806
1812
  }
@@ -5074,6 +5080,13 @@ margin: $grid-group-animator-cell-margin;
5074
5080
  }
5075
5081
  }
5076
5082
 
5083
+ .e-rowdragdrop {
5084
+ @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' or $grid-skin == 'material' or $grid-skin == 'material-dark' or $grid-skin == 'bootstrap4' {
5085
+ border-width: $grid-rowcell-broder-width;
5086
+ border-color: $grid-dragcell-border-color;
5087
+ }
5088
+ }
5089
+
5077
5090
  .e-rowcell.e-frozen-right-border,
5078
5091
  .e-headercell.e-frozen-right-border,
5079
5092
  .e-filterbarcell.e-frozen-right-border {
@@ -5192,6 +5205,11 @@ margin: $grid-group-animator-cell-margin;
5192
5205
  overflow-y: auto;
5193
5206
  }
5194
5207
 
5208
+ .e-gridcontent .e-content,
5209
+ .e-detailrowcollapse.e-dragborder,
5210
+ .e-detailrowexpand.e-dragborder{
5211
+ position: $grid-dragborder-position;
5212
+ }
5195
5213
  .e-gridcontent .e-content.e-yscroll {
5196
5214
  overflow-y: scroll;
5197
5215
  }