@syncfusion/blazor-themes 27.2.2 → 27.2.3

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 (147) hide show
  1. package/SCSS-Themes/bds-dark-lite.scss +49 -39
  2. package/SCSS-Themes/bds-dark.scss +51 -41
  3. package/SCSS-Themes/bds-lite.scss +49 -39
  4. package/SCSS-Themes/bds.scss +51 -41
  5. package/SCSS-Themes/bootstrap-dark-lite.scss +49 -39
  6. package/SCSS-Themes/bootstrap-dark.scss +51 -41
  7. package/SCSS-Themes/bootstrap-lite.scss +49 -39
  8. package/SCSS-Themes/bootstrap.scss +51 -41
  9. package/SCSS-Themes/bootstrap4-lite.scss +49 -39
  10. package/SCSS-Themes/bootstrap4.scss +51 -41
  11. package/SCSS-Themes/bootstrap5-dark-lite.scss +49 -39
  12. package/SCSS-Themes/bootstrap5-dark.scss +51 -41
  13. package/SCSS-Themes/bootstrap5-lite.scss +49 -39
  14. package/SCSS-Themes/bootstrap5.3-dark-lite.scss +49 -39
  15. package/SCSS-Themes/bootstrap5.3-dark.scss +51 -41
  16. package/SCSS-Themes/bootstrap5.3-lite.scss +49 -39
  17. package/SCSS-Themes/bootstrap5.3.scss +51 -41
  18. package/SCSS-Themes/bootstrap5.scss +51 -41
  19. package/SCSS-Themes/fabric-dark-lite.scss +49 -39
  20. package/SCSS-Themes/fabric-dark.scss +51 -41
  21. package/SCSS-Themes/fabric-lite.scss +49 -39
  22. package/SCSS-Themes/fabric.scss +51 -41
  23. package/SCSS-Themes/fluent-dark-lite.scss +52 -42
  24. package/SCSS-Themes/fluent-dark.scss +54 -44
  25. package/SCSS-Themes/fluent-lite.scss +52 -42
  26. package/SCSS-Themes/fluent.scss +54 -44
  27. package/SCSS-Themes/fluent2-dark-lite.scss +49 -39
  28. package/SCSS-Themes/fluent2-dark.scss +51 -41
  29. package/SCSS-Themes/fluent2-highcontrast-lite.scss +49 -39
  30. package/SCSS-Themes/fluent2-highcontrast.scss +51 -41
  31. package/SCSS-Themes/fluent2-lite.scss +49 -39
  32. package/SCSS-Themes/fluent2.scss +51 -41
  33. package/SCSS-Themes/grids/grid/bds-dark-lite.scss +46 -38
  34. package/SCSS-Themes/grids/grid/bds-dark.scss +48 -40
  35. package/SCSS-Themes/grids/grid/bds-lite.scss +46 -38
  36. package/SCSS-Themes/grids/grid/bds.scss +48 -40
  37. package/SCSS-Themes/grids/grid/bootstrap-dark-lite.scss +46 -38
  38. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +48 -40
  39. package/SCSS-Themes/grids/grid/bootstrap-lite.scss +46 -38
  40. package/SCSS-Themes/grids/grid/bootstrap.scss +48 -40
  41. package/SCSS-Themes/grids/grid/bootstrap4-lite.scss +46 -38
  42. package/SCSS-Themes/grids/grid/bootstrap4.scss +48 -40
  43. package/SCSS-Themes/grids/grid/bootstrap5-dark-lite.scss +46 -38
  44. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +48 -40
  45. package/SCSS-Themes/grids/grid/bootstrap5-lite.scss +46 -38
  46. package/SCSS-Themes/grids/grid/bootstrap5.3-dark-lite.scss +46 -38
  47. package/SCSS-Themes/grids/grid/bootstrap5.3-dark.scss +48 -40
  48. package/SCSS-Themes/grids/grid/bootstrap5.3-lite.scss +46 -38
  49. package/SCSS-Themes/grids/grid/bootstrap5.3.scss +48 -40
  50. package/SCSS-Themes/grids/grid/bootstrap5.scss +48 -40
  51. package/SCSS-Themes/grids/grid/fabric-dark-lite.scss +46 -38
  52. package/SCSS-Themes/grids/grid/fabric-dark.scss +48 -40
  53. package/SCSS-Themes/grids/grid/fabric-lite.scss +46 -38
  54. package/SCSS-Themes/grids/grid/fabric.scss +48 -40
  55. package/SCSS-Themes/grids/grid/fluent-dark-lite.scss +46 -38
  56. package/SCSS-Themes/grids/grid/fluent-dark.scss +48 -40
  57. package/SCSS-Themes/grids/grid/fluent-lite.scss +46 -38
  58. package/SCSS-Themes/grids/grid/fluent.scss +48 -40
  59. package/SCSS-Themes/grids/grid/fluent2-dark-lite.scss +46 -38
  60. package/SCSS-Themes/grids/grid/fluent2-dark.scss +48 -40
  61. package/SCSS-Themes/grids/grid/fluent2-highcontrast-lite.scss +46 -38
  62. package/SCSS-Themes/grids/grid/fluent2-highcontrast.scss +48 -40
  63. package/SCSS-Themes/grids/grid/fluent2-lite.scss +46 -38
  64. package/SCSS-Themes/grids/grid/fluent2.scss +48 -40
  65. package/SCSS-Themes/grids/grid/highcontrast-lite.scss +46 -38
  66. package/SCSS-Themes/grids/grid/highcontrast.scss +48 -40
  67. package/SCSS-Themes/grids/grid/material-dark-lite.scss +46 -38
  68. package/SCSS-Themes/grids/grid/material-dark.scss +48 -40
  69. package/SCSS-Themes/grids/grid/material-lite.scss +46 -38
  70. package/SCSS-Themes/grids/grid/material.scss +48 -40
  71. package/SCSS-Themes/grids/grid/material3-dark-lite.scss +46 -38
  72. package/SCSS-Themes/grids/grid/material3-dark.scss +48 -40
  73. package/SCSS-Themes/grids/grid/material3-lite.scss +46 -38
  74. package/SCSS-Themes/grids/grid/material3.scss +48 -40
  75. package/SCSS-Themes/grids/grid/tailwind-dark-lite.scss +46 -38
  76. package/SCSS-Themes/grids/grid/tailwind-dark.scss +48 -40
  77. package/SCSS-Themes/grids/grid/tailwind-lite.scss +46 -38
  78. package/SCSS-Themes/grids/grid/tailwind.scss +48 -40
  79. package/SCSS-Themes/highcontrast-lite.scss +49 -39
  80. package/SCSS-Themes/highcontrast.scss +51 -41
  81. package/SCSS-Themes/lists/list-view/bds-dark-lite.scss +3 -1
  82. package/SCSS-Themes/lists/list-view/bds-dark.scss +3 -1
  83. package/SCSS-Themes/lists/list-view/bds-lite.scss +3 -1
  84. package/SCSS-Themes/lists/list-view/bds.scss +3 -1
  85. package/SCSS-Themes/lists/list-view/bootstrap-dark-lite.scss +3 -1
  86. package/SCSS-Themes/lists/list-view/bootstrap-dark.scss +3 -1
  87. package/SCSS-Themes/lists/list-view/bootstrap-lite.scss +3 -1
  88. package/SCSS-Themes/lists/list-view/bootstrap.scss +3 -1
  89. package/SCSS-Themes/lists/list-view/bootstrap4-lite.scss +3 -1
  90. package/SCSS-Themes/lists/list-view/bootstrap4.scss +3 -1
  91. package/SCSS-Themes/lists/list-view/bootstrap5-dark-lite.scss +3 -1
  92. package/SCSS-Themes/lists/list-view/bootstrap5-dark.scss +3 -1
  93. package/SCSS-Themes/lists/list-view/bootstrap5-lite.scss +3 -1
  94. package/SCSS-Themes/lists/list-view/bootstrap5.3-dark-lite.scss +3 -1
  95. package/SCSS-Themes/lists/list-view/bootstrap5.3-dark.scss +3 -1
  96. package/SCSS-Themes/lists/list-view/bootstrap5.3-lite.scss +3 -1
  97. package/SCSS-Themes/lists/list-view/bootstrap5.3.scss +3 -1
  98. package/SCSS-Themes/lists/list-view/bootstrap5.scss +3 -1
  99. package/SCSS-Themes/lists/list-view/fabric-dark-lite.scss +3 -1
  100. package/SCSS-Themes/lists/list-view/fabric-dark.scss +3 -1
  101. package/SCSS-Themes/lists/list-view/fabric-lite.scss +3 -1
  102. package/SCSS-Themes/lists/list-view/fabric.scss +3 -1
  103. package/SCSS-Themes/lists/list-view/fluent-dark-lite.scss +3 -1
  104. package/SCSS-Themes/lists/list-view/fluent-dark.scss +3 -1
  105. package/SCSS-Themes/lists/list-view/fluent-lite.scss +3 -1
  106. package/SCSS-Themes/lists/list-view/fluent.scss +3 -1
  107. package/SCSS-Themes/lists/list-view/fluent2-dark-lite.scss +3 -1
  108. package/SCSS-Themes/lists/list-view/fluent2-dark.scss +3 -1
  109. package/SCSS-Themes/lists/list-view/fluent2-highcontrast-lite.scss +3 -1
  110. package/SCSS-Themes/lists/list-view/fluent2-highcontrast.scss +3 -1
  111. package/SCSS-Themes/lists/list-view/fluent2-lite.scss +3 -1
  112. package/SCSS-Themes/lists/list-view/fluent2.scss +3 -1
  113. package/SCSS-Themes/lists/list-view/highcontrast-lite.scss +3 -1
  114. package/SCSS-Themes/lists/list-view/highcontrast.scss +3 -1
  115. package/SCSS-Themes/lists/list-view/material-dark-lite.scss +3 -1
  116. package/SCSS-Themes/lists/list-view/material-dark.scss +3 -1
  117. package/SCSS-Themes/lists/list-view/material-lite.scss +3 -1
  118. package/SCSS-Themes/lists/list-view/material.scss +3 -1
  119. package/SCSS-Themes/lists/list-view/material3-dark-lite.scss +3 -1
  120. package/SCSS-Themes/lists/list-view/material3-dark.scss +3 -1
  121. package/SCSS-Themes/lists/list-view/material3-lite.scss +3 -1
  122. package/SCSS-Themes/lists/list-view/material3.scss +3 -1
  123. package/SCSS-Themes/lists/list-view/tailwind-dark-lite.scss +3 -1
  124. package/SCSS-Themes/lists/list-view/tailwind-dark.scss +3 -1
  125. package/SCSS-Themes/lists/list-view/tailwind-lite.scss +3 -1
  126. package/SCSS-Themes/lists/list-view/tailwind.scss +3 -1
  127. package/SCSS-Themes/material-dark-lite.scss +49 -39
  128. package/SCSS-Themes/material-dark.scss +51 -41
  129. package/SCSS-Themes/material-lite.scss +49 -39
  130. package/SCSS-Themes/material.scss +51 -41
  131. package/SCSS-Themes/material3-dark-lite.scss +49 -39
  132. package/SCSS-Themes/material3-dark.scss +51 -41
  133. package/SCSS-Themes/material3-lite.scss +49 -39
  134. package/SCSS-Themes/material3.scss +51 -41
  135. package/SCSS-Themes/pdfviewer/pdfviewer/fluent-dark-lite.scss +3 -3
  136. package/SCSS-Themes/pdfviewer/pdfviewer/fluent-dark.scss +3 -3
  137. package/SCSS-Themes/pdfviewer/pdfviewer/fluent-lite.scss +3 -3
  138. package/SCSS-Themes/pdfviewer/pdfviewer/fluent.scss +3 -3
  139. package/SCSS-Themes/pdfviewer/pdfviewer/tailwind-dark-lite.scss +3 -3
  140. package/SCSS-Themes/pdfviewer/pdfviewer/tailwind-dark.scss +3 -3
  141. package/SCSS-Themes/pdfviewer/pdfviewer/tailwind-lite.scss +3 -3
  142. package/SCSS-Themes/pdfviewer/pdfviewer/tailwind.scss +3 -3
  143. package/SCSS-Themes/tailwind-dark-lite.scss +52 -42
  144. package/SCSS-Themes/tailwind-dark.scss +54 -44
  145. package/SCSS-Themes/tailwind-lite.scss +52 -42
  146. package/SCSS-Themes/tailwind.scss +54 -44
  147. package/package.json +1 -1
@@ -33371,7 +33371,9 @@ $listview-template-multiline-content-color: $content-text-color-alt2 !default;
33371
33371
  }
33372
33372
 
33373
33373
  & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
33374
- color: $listview-icon-color;
33374
+ @if ($skin-name != 'bootstrap5.3') {
33375
+ color: $listview-icon-color;
33376
+ }
33375
33377
 
33376
33378
  @if ($skin-name == 'tailwind') {
33377
33379
  &.e-back-button,
@@ -62907,6 +62909,43 @@ $grid-checkmark-color: $primary-text-color !default;
62907
62909
  padding-left: $grid-columnchooser-input-padding-left;
62908
62910
  }
62909
62911
  }
62912
+
62913
+ & .e-mask {
62914
+
62915
+ &.e-skeleton {
62916
+ display: inline-block;
62917
+ height: 10px;
62918
+ width: 80%;
62919
+ }
62920
+
62921
+ &.e-mask-group-intent {
62922
+ margin-left: 7px;
62923
+ width: 16px;
62924
+ }
62925
+
62926
+ &.e-mask-detail-intent {
62927
+ width: 16px;
62928
+ }
62929
+
62930
+ &.e-mask-checkbox-intent {
62931
+ margin-left: 3px;
62932
+ margin-right: 16px;
62933
+ width: 20px;
62934
+ }
62935
+
62936
+ &.e-mask-checkbox-filter-intent {
62937
+ width: 13px;
62938
+ }
62939
+
62940
+ &.e-mask-checkbox-filter-span-intent {
62941
+ margin-left: 8px;
62942
+ }
62943
+
62944
+ &.e-mask-drag-intent {
62945
+ margin-left: 12px;
62946
+ width: 12px;
62947
+ }
62948
+ }
62910
62949
  }
62911
62950
 
62912
62951
  #{&}.e-grid {
@@ -63790,7 +63829,7 @@ $grid-checkmark-color: $primary-text-color !default;
63790
63829
 
63791
63830
  &:not(.e-grid-min-height) .e-gridcontent {
63792
63831
  tr td:not(.e-indentcell):first-child:empty,
63793
- .e-gridcontent tr.e-row .e-rowcell:empty {
63832
+ tr.e-row .e-rowcell:empty {
63794
63833
  height: $grid-rowcell-line-height + $grid-content-padding + $grid-content-padding;
63795
63834
  }
63796
63835
  }
@@ -64687,7 +64726,7 @@ $grid-checkmark-color: $primary-text-color !default;
64687
64726
 
64688
64727
  &.e-default .e-gridheader {
64689
64728
  th.e-firstcell,
64690
- th.e-laststackcell {
64729
+ th.e-laststackcell:not(:has(.e-rhandler.e-rcursor)) {
64691
64730
  @include grid-border-width-styles;
64692
64731
  }
64693
64732
  }
@@ -65990,46 +66029,17 @@ $grid-checkmark-color: $primary-text-color !default;
65990
66029
  }
65991
66030
  }
65992
66031
 
65993
- &:not(.sf-grid).e-resize-lines.e-rtl {
65994
- &.e-default table th[rowspan] {
66032
+ &.e-resize-lines {
66033
+ & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor,
66034
+ & tr.e-columnheader th.e-lastcell .e-rhandler.e-rcursor,
66035
+ & tr.e-columnheader th.e-laststackcell .e-rhandler.e-rcursor {
65995
66036
  border-right: 0;
65996
66037
  }
65997
66038
  }
65998
66039
 
65999
- & .e-mask {
66000
-
66001
- &.e-skeleton {
66002
- display: inline-block;
66003
- height: 10px;
66004
- width: 80%;
66005
- }
66006
-
66007
- &.e-mask-group-intent {
66008
- margin-left: 7px;
66009
- width: 16px;
66010
- }
66011
-
66012
- &.e-mask-detail-intent {
66013
- width: 16px;
66014
- }
66015
-
66016
- &.e-mask-checkbox-intent {
66017
- margin-left: 3px;
66018
- margin-right: 16px;
66019
- width: 20px;
66020
- }
66021
-
66022
- &.e-mask-checkbox-filter-intent {
66023
- width: 13px;
66024
- }
66025
-
66026
- &.e-mask-checkbox-filter-span-intent {
66027
- margin-left: 8px;
66028
- }
66029
-
66030
- &.e-mask-drag-intent {
66031
- margin-left: 12px;
66032
- width: 12px;
66040
+ &:not(.sf-grid).e-resize-lines.e-rtl {
66041
+ &.e-default table th[rowspan] {
66042
+ border-right: 0;
66033
66043
  }
66034
66044
  }
66035
66045
 
@@ -45018,7 +45018,9 @@ $listview-template-multiline-content-color: $content-text-color-alt2 !default;
45018
45018
  }
45019
45019
 
45020
45020
  & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
45021
- color: $listview-icon-color;
45021
+ @if ($skin-name != 'bootstrap5.3') {
45022
+ color: $listview-icon-color;
45023
+ }
45022
45024
 
45023
45025
  @if ($skin-name == 'tailwind') {
45024
45026
  &.e-back-button,
@@ -84628,6 +84630,43 @@ $grid-checkmark-color: $primary-text-color !default;
84628
84630
  padding-left: $grid-columnchooser-input-padding-left;
84629
84631
  }
84630
84632
  }
84633
+
84634
+ & .e-mask {
84635
+
84636
+ &.e-skeleton {
84637
+ display: inline-block;
84638
+ height: 10px;
84639
+ width: 80%;
84640
+ }
84641
+
84642
+ &.e-mask-group-intent {
84643
+ margin-left: 7px;
84644
+ width: 16px;
84645
+ }
84646
+
84647
+ &.e-mask-detail-intent {
84648
+ width: 16px;
84649
+ }
84650
+
84651
+ &.e-mask-checkbox-intent {
84652
+ margin-left: 3px;
84653
+ margin-right: 16px;
84654
+ width: 20px;
84655
+ }
84656
+
84657
+ &.e-mask-checkbox-filter-intent {
84658
+ width: 13px;
84659
+ }
84660
+
84661
+ &.e-mask-checkbox-filter-span-intent {
84662
+ margin-left: 8px;
84663
+ }
84664
+
84665
+ &.e-mask-drag-intent {
84666
+ margin-left: 12px;
84667
+ width: 12px;
84668
+ }
84669
+ }
84631
84670
  }
84632
84671
 
84633
84672
  #{&}.e-grid {
@@ -85511,7 +85550,7 @@ $grid-checkmark-color: $primary-text-color !default;
85511
85550
 
85512
85551
  &:not(.e-grid-min-height) .e-gridcontent {
85513
85552
  tr td:not(.e-indentcell):first-child:empty,
85514
- .e-gridcontent tr.e-row .e-rowcell:empty {
85553
+ tr.e-row .e-rowcell:empty {
85515
85554
  height: $grid-rowcell-line-height + $grid-content-padding + $grid-content-padding;
85516
85555
  }
85517
85556
  }
@@ -86408,7 +86447,7 @@ $grid-checkmark-color: $primary-text-color !default;
86408
86447
 
86409
86448
  &.e-default .e-gridheader {
86410
86449
  th.e-firstcell,
86411
- th.e-laststackcell {
86450
+ th.e-laststackcell:not(:has(.e-rhandler.e-rcursor)) {
86412
86451
  @include grid-border-width-styles;
86413
86452
  }
86414
86453
  }
@@ -87711,46 +87750,17 @@ $grid-checkmark-color: $primary-text-color !default;
87711
87750
  }
87712
87751
  }
87713
87752
 
87714
- &:not(.sf-grid).e-resize-lines.e-rtl {
87715
- &.e-default table th[rowspan] {
87753
+ &.e-resize-lines {
87754
+ & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor,
87755
+ & tr.e-columnheader th.e-lastcell .e-rhandler.e-rcursor,
87756
+ & tr.e-columnheader th.e-laststackcell .e-rhandler.e-rcursor {
87716
87757
  border-right: 0;
87717
87758
  }
87718
87759
  }
87719
87760
 
87720
- & .e-mask {
87721
-
87722
- &.e-skeleton {
87723
- display: inline-block;
87724
- height: 10px;
87725
- width: 80%;
87726
- }
87727
-
87728
- &.e-mask-group-intent {
87729
- margin-left: 7px;
87730
- width: 16px;
87731
- }
87732
-
87733
- &.e-mask-detail-intent {
87734
- width: 16px;
87735
- }
87736
-
87737
- &.e-mask-checkbox-intent {
87738
- margin-left: 3px;
87739
- margin-right: 16px;
87740
- width: 20px;
87741
- }
87742
-
87743
- &.e-mask-checkbox-filter-intent {
87744
- width: 13px;
87745
- }
87746
-
87747
- &.e-mask-checkbox-filter-span-intent {
87748
- margin-left: 8px;
87749
- }
87750
-
87751
- &.e-mask-drag-intent {
87752
- margin-left: 12px;
87753
- width: 12px;
87761
+ &:not(.sf-grid).e-resize-lines.e-rtl {
87762
+ &.e-default table th[rowspan] {
87763
+ border-right: 0;
87754
87764
  }
87755
87765
  }
87756
87766
 
@@ -91473,13 +91483,13 @@ $grid-checkmark-color: $primary-text-color !default;
91473
91483
  }
91474
91484
 
91475
91485
  li {
91476
- @if $grid-skin != 'bootstrap5.3' {
91486
+ @if $grid-skin != 'bootstrap5.3' and $grid-skin != 'fluent2' and $grid-skin != 'highcontrast' {
91477
91487
  color: $grid-rowcell-color;
91478
91488
  }
91479
91489
  }
91480
91490
 
91481
91491
  & .e-submenu.e-selected {
91482
- @if $grid-skin != 'bootstrap5.3' {
91492
+ @if $grid-skin != 'bootstrap5.3' and $grid-skin != 'fluent2' and $grid-skin != 'highcontrast' {
91483
91493
  background-color: $grid-responsive-header-background;
91484
91494
  }
91485
91495
  }
@@ -1083,6 +1083,43 @@ $grid-checkmark-color: $primary !default;
1083
1083
  padding-left: $grid-columnchooser-input-padding-left;
1084
1084
  }
1085
1085
  }
1086
+
1087
+ & .e-mask {
1088
+
1089
+ &.e-skeleton {
1090
+ display: inline-block;
1091
+ height: 10px;
1092
+ width: 80%;
1093
+ }
1094
+
1095
+ &.e-mask-group-intent {
1096
+ margin-left: 7px;
1097
+ width: 16px;
1098
+ }
1099
+
1100
+ &.e-mask-detail-intent {
1101
+ width: 16px;
1102
+ }
1103
+
1104
+ &.e-mask-checkbox-intent {
1105
+ margin-left: 3px;
1106
+ margin-right: 16px;
1107
+ width: 20px;
1108
+ }
1109
+
1110
+ &.e-mask-checkbox-filter-intent {
1111
+ width: 13px;
1112
+ }
1113
+
1114
+ &.e-mask-checkbox-filter-span-intent {
1115
+ margin-left: 8px;
1116
+ }
1117
+
1118
+ &.e-mask-drag-intent {
1119
+ margin-left: 12px;
1120
+ width: 12px;
1121
+ }
1122
+ }
1086
1123
  }
1087
1124
 
1088
1125
  #{&}.e-grid {
@@ -1966,7 +2003,7 @@ $grid-checkmark-color: $primary !default;
1966
2003
 
1967
2004
  &:not(.e-grid-min-height) .e-gridcontent {
1968
2005
  tr td:not(.e-indentcell):first-child:empty,
1969
- .e-gridcontent tr.e-row .e-rowcell:empty {
2006
+ tr.e-row .e-rowcell:empty {
1970
2007
  height: $grid-rowcell-line-height + $grid-content-padding + $grid-content-padding;
1971
2008
  }
1972
2009
  }
@@ -2863,7 +2900,7 @@ $grid-checkmark-color: $primary !default;
2863
2900
 
2864
2901
  &.e-default .e-gridheader {
2865
2902
  th.e-firstcell,
2866
- th.e-laststackcell {
2903
+ th.e-laststackcell:not(:has(.e-rhandler.e-rcursor)) {
2867
2904
  @include grid-border-width-styles;
2868
2905
  }
2869
2906
  }
@@ -4166,46 +4203,17 @@ $grid-checkmark-color: $primary !default;
4166
4203
  }
4167
4204
  }
4168
4205
 
4169
- &:not(.sf-grid).e-resize-lines.e-rtl {
4170
- &.e-default table th[rowspan] {
4206
+ &.e-resize-lines {
4207
+ & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor,
4208
+ & tr.e-columnheader th.e-lastcell .e-rhandler.e-rcursor,
4209
+ & tr.e-columnheader th.e-laststackcell .e-rhandler.e-rcursor {
4171
4210
  border-right: 0;
4172
4211
  }
4173
4212
  }
4174
4213
 
4175
- & .e-mask {
4176
-
4177
- &.e-skeleton {
4178
- display: inline-block;
4179
- height: 10px;
4180
- width: 80%;
4181
- }
4182
-
4183
- &.e-mask-group-intent {
4184
- margin-left: 7px;
4185
- width: 16px;
4186
- }
4187
-
4188
- &.e-mask-detail-intent {
4189
- width: 16px;
4190
- }
4191
-
4192
- &.e-mask-checkbox-intent {
4193
- margin-left: 3px;
4194
- margin-right: 16px;
4195
- width: 20px;
4196
- }
4197
-
4198
- &.e-mask-checkbox-filter-intent {
4199
- width: 13px;
4200
- }
4201
-
4202
- &.e-mask-checkbox-filter-span-intent {
4203
- margin-left: 8px;
4204
- }
4205
-
4206
- &.e-mask-drag-intent {
4207
- margin-left: 12px;
4208
- width: 12px;
4214
+ &:not(.sf-grid).e-resize-lines.e-rtl {
4215
+ &.e-default table th[rowspan] {
4216
+ border-right: 0;
4209
4217
  }
4210
4218
  }
4211
4219
 
@@ -1083,6 +1083,43 @@ $grid-checkmark-color: $primary !default;
1083
1083
  padding-left: $grid-columnchooser-input-padding-left;
1084
1084
  }
1085
1085
  }
1086
+
1087
+ & .e-mask {
1088
+
1089
+ &.e-skeleton {
1090
+ display: inline-block;
1091
+ height: 10px;
1092
+ width: 80%;
1093
+ }
1094
+
1095
+ &.e-mask-group-intent {
1096
+ margin-left: 7px;
1097
+ width: 16px;
1098
+ }
1099
+
1100
+ &.e-mask-detail-intent {
1101
+ width: 16px;
1102
+ }
1103
+
1104
+ &.e-mask-checkbox-intent {
1105
+ margin-left: 3px;
1106
+ margin-right: 16px;
1107
+ width: 20px;
1108
+ }
1109
+
1110
+ &.e-mask-checkbox-filter-intent {
1111
+ width: 13px;
1112
+ }
1113
+
1114
+ &.e-mask-checkbox-filter-span-intent {
1115
+ margin-left: 8px;
1116
+ }
1117
+
1118
+ &.e-mask-drag-intent {
1119
+ margin-left: 12px;
1120
+ width: 12px;
1121
+ }
1122
+ }
1086
1123
  }
1087
1124
 
1088
1125
  #{&}.e-grid {
@@ -1966,7 +2003,7 @@ $grid-checkmark-color: $primary !default;
1966
2003
 
1967
2004
  &:not(.e-grid-min-height) .e-gridcontent {
1968
2005
  tr td:not(.e-indentcell):first-child:empty,
1969
- .e-gridcontent tr.e-row .e-rowcell:empty {
2006
+ tr.e-row .e-rowcell:empty {
1970
2007
  height: $grid-rowcell-line-height + $grid-content-padding + $grid-content-padding;
1971
2008
  }
1972
2009
  }
@@ -2863,7 +2900,7 @@ $grid-checkmark-color: $primary !default;
2863
2900
 
2864
2901
  &.e-default .e-gridheader {
2865
2902
  th.e-firstcell,
2866
- th.e-laststackcell {
2903
+ th.e-laststackcell:not(:has(.e-rhandler.e-rcursor)) {
2867
2904
  @include grid-border-width-styles;
2868
2905
  }
2869
2906
  }
@@ -4166,46 +4203,17 @@ $grid-checkmark-color: $primary !default;
4166
4203
  }
4167
4204
  }
4168
4205
 
4169
- &:not(.sf-grid).e-resize-lines.e-rtl {
4170
- &.e-default table th[rowspan] {
4206
+ &.e-resize-lines {
4207
+ & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor,
4208
+ & tr.e-columnheader th.e-lastcell .e-rhandler.e-rcursor,
4209
+ & tr.e-columnheader th.e-laststackcell .e-rhandler.e-rcursor {
4171
4210
  border-right: 0;
4172
4211
  }
4173
4212
  }
4174
4213
 
4175
- & .e-mask {
4176
-
4177
- &.e-skeleton {
4178
- display: inline-block;
4179
- height: 10px;
4180
- width: 80%;
4181
- }
4182
-
4183
- &.e-mask-group-intent {
4184
- margin-left: 7px;
4185
- width: 16px;
4186
- }
4187
-
4188
- &.e-mask-detail-intent {
4189
- width: 16px;
4190
- }
4191
-
4192
- &.e-mask-checkbox-intent {
4193
- margin-left: 3px;
4194
- margin-right: 16px;
4195
- width: 20px;
4196
- }
4197
-
4198
- &.e-mask-checkbox-filter-intent {
4199
- width: 13px;
4200
- }
4201
-
4202
- &.e-mask-checkbox-filter-span-intent {
4203
- margin-left: 8px;
4204
- }
4205
-
4206
- &.e-mask-drag-intent {
4207
- margin-left: 12px;
4208
- width: 12px;
4214
+ &:not(.sf-grid).e-resize-lines.e-rtl {
4215
+ &.e-default table th[rowspan] {
4216
+ border-right: 0;
4209
4217
  }
4210
4218
  }
4211
4219
 
@@ -7925,13 +7933,13 @@ $grid-checkmark-color: $primary !default;
7925
7933
  }
7926
7934
 
7927
7935
  li {
7928
- @if $grid-skin != 'bootstrap5.3' {
7936
+ @if $grid-skin != 'bootstrap5.3' and $grid-skin != 'fluent2' and $grid-skin != 'highcontrast' {
7929
7937
  color: $grid-rowcell-color;
7930
7938
  }
7931
7939
  }
7932
7940
 
7933
7941
  & .e-submenu.e-selected {
7934
- @if $grid-skin != 'bootstrap5.3' {
7942
+ @if $grid-skin != 'bootstrap5.3' and $grid-skin != 'fluent2' and $grid-skin != 'highcontrast' {
7935
7943
  background-color: $grid-responsive-header-background;
7936
7944
  }
7937
7945
  }
@@ -1083,6 +1083,43 @@ $grid-checkmark-color: $primary !default;
1083
1083
  padding-left: $grid-columnchooser-input-padding-left;
1084
1084
  }
1085
1085
  }
1086
+
1087
+ & .e-mask {
1088
+
1089
+ &.e-skeleton {
1090
+ display: inline-block;
1091
+ height: 10px;
1092
+ width: 80%;
1093
+ }
1094
+
1095
+ &.e-mask-group-intent {
1096
+ margin-left: 7px;
1097
+ width: 16px;
1098
+ }
1099
+
1100
+ &.e-mask-detail-intent {
1101
+ width: 16px;
1102
+ }
1103
+
1104
+ &.e-mask-checkbox-intent {
1105
+ margin-left: 3px;
1106
+ margin-right: 16px;
1107
+ width: 20px;
1108
+ }
1109
+
1110
+ &.e-mask-checkbox-filter-intent {
1111
+ width: 13px;
1112
+ }
1113
+
1114
+ &.e-mask-checkbox-filter-span-intent {
1115
+ margin-left: 8px;
1116
+ }
1117
+
1118
+ &.e-mask-drag-intent {
1119
+ margin-left: 12px;
1120
+ width: 12px;
1121
+ }
1122
+ }
1086
1123
  }
1087
1124
 
1088
1125
  #{&}.e-grid {
@@ -1966,7 +2003,7 @@ $grid-checkmark-color: $primary !default;
1966
2003
 
1967
2004
  &:not(.e-grid-min-height) .e-gridcontent {
1968
2005
  tr td:not(.e-indentcell):first-child:empty,
1969
- .e-gridcontent tr.e-row .e-rowcell:empty {
2006
+ tr.e-row .e-rowcell:empty {
1970
2007
  height: $grid-rowcell-line-height + $grid-content-padding + $grid-content-padding;
1971
2008
  }
1972
2009
  }
@@ -2863,7 +2900,7 @@ $grid-checkmark-color: $primary !default;
2863
2900
 
2864
2901
  &.e-default .e-gridheader {
2865
2902
  th.e-firstcell,
2866
- th.e-laststackcell {
2903
+ th.e-laststackcell:not(:has(.e-rhandler.e-rcursor)) {
2867
2904
  @include grid-border-width-styles;
2868
2905
  }
2869
2906
  }
@@ -4166,46 +4203,17 @@ $grid-checkmark-color: $primary !default;
4166
4203
  }
4167
4204
  }
4168
4205
 
4169
- &:not(.sf-grid).e-resize-lines.e-rtl {
4170
- &.e-default table th[rowspan] {
4206
+ &.e-resize-lines {
4207
+ & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor,
4208
+ & tr.e-columnheader th.e-lastcell .e-rhandler.e-rcursor,
4209
+ & tr.e-columnheader th.e-laststackcell .e-rhandler.e-rcursor {
4171
4210
  border-right: 0;
4172
4211
  }
4173
4212
  }
4174
4213
 
4175
- & .e-mask {
4176
-
4177
- &.e-skeleton {
4178
- display: inline-block;
4179
- height: 10px;
4180
- width: 80%;
4181
- }
4182
-
4183
- &.e-mask-group-intent {
4184
- margin-left: 7px;
4185
- width: 16px;
4186
- }
4187
-
4188
- &.e-mask-detail-intent {
4189
- width: 16px;
4190
- }
4191
-
4192
- &.e-mask-checkbox-intent {
4193
- margin-left: 3px;
4194
- margin-right: 16px;
4195
- width: 20px;
4196
- }
4197
-
4198
- &.e-mask-checkbox-filter-intent {
4199
- width: 13px;
4200
- }
4201
-
4202
- &.e-mask-checkbox-filter-span-intent {
4203
- margin-left: 8px;
4204
- }
4205
-
4206
- &.e-mask-drag-intent {
4207
- margin-left: 12px;
4208
- width: 12px;
4214
+ &:not(.sf-grid).e-resize-lines.e-rtl {
4215
+ &.e-default table th[rowspan] {
4216
+ border-right: 0;
4209
4217
  }
4210
4218
  }
4211
4219