@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
@@ -32147,7 +32147,9 @@ $listview-template-focused-multiline-content-color: $content-text-color-selected
32147
32147
  }
32148
32148
 
32149
32149
  & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
32150
- color: $listview-icon-color;
32150
+ @if ($skin-name != 'bootstrap5.3') {
32151
+ color: $listview-icon-color;
32152
+ }
32151
32153
 
32152
32154
  @if ($skin-name == 'tailwind') {
32153
32155
  &.e-back-button,
@@ -61264,6 +61266,43 @@ $grid-checkmark-color: $primary-text-color !default;
61264
61266
  padding-left: $grid-columnchooser-input-padding-left;
61265
61267
  }
61266
61268
  }
61269
+
61270
+ & .e-mask {
61271
+
61272
+ &.e-skeleton {
61273
+ display: inline-block;
61274
+ height: 10px;
61275
+ width: 80%;
61276
+ }
61277
+
61278
+ &.e-mask-group-intent {
61279
+ margin-left: 7px;
61280
+ width: 16px;
61281
+ }
61282
+
61283
+ &.e-mask-detail-intent {
61284
+ width: 16px;
61285
+ }
61286
+
61287
+ &.e-mask-checkbox-intent {
61288
+ margin-left: 3px;
61289
+ margin-right: 16px;
61290
+ width: 20px;
61291
+ }
61292
+
61293
+ &.e-mask-checkbox-filter-intent {
61294
+ width: 13px;
61295
+ }
61296
+
61297
+ &.e-mask-checkbox-filter-span-intent {
61298
+ margin-left: 8px;
61299
+ }
61300
+
61301
+ &.e-mask-drag-intent {
61302
+ margin-left: 12px;
61303
+ width: 12px;
61304
+ }
61305
+ }
61267
61306
  }
61268
61307
 
61269
61308
  #{&}.e-grid {
@@ -62147,7 +62186,7 @@ $grid-checkmark-color: $primary-text-color !default;
62147
62186
 
62148
62187
  &:not(.e-grid-min-height) .e-gridcontent {
62149
62188
  tr td:not(.e-indentcell):first-child:empty,
62150
- .e-gridcontent tr.e-row .e-rowcell:empty {
62189
+ tr.e-row .e-rowcell:empty {
62151
62190
  height: $grid-rowcell-line-height + $grid-content-padding + $grid-content-padding;
62152
62191
  }
62153
62192
  }
@@ -63044,7 +63083,7 @@ $grid-checkmark-color: $primary-text-color !default;
63044
63083
 
63045
63084
  &.e-default .e-gridheader {
63046
63085
  th.e-firstcell,
63047
- th.e-laststackcell {
63086
+ th.e-laststackcell:not(:has(.e-rhandler.e-rcursor)) {
63048
63087
  @include grid-border-width-styles;
63049
63088
  }
63050
63089
  }
@@ -64347,46 +64386,17 @@ $grid-checkmark-color: $primary-text-color !default;
64347
64386
  }
64348
64387
  }
64349
64388
 
64350
- &:not(.sf-grid).e-resize-lines.e-rtl {
64351
- &.e-default table th[rowspan] {
64389
+ &.e-resize-lines {
64390
+ & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor,
64391
+ & tr.e-columnheader th.e-lastcell .e-rhandler.e-rcursor,
64392
+ & tr.e-columnheader th.e-laststackcell .e-rhandler.e-rcursor {
64352
64393
  border-right: 0;
64353
64394
  }
64354
64395
  }
64355
64396
 
64356
- & .e-mask {
64357
-
64358
- &.e-skeleton {
64359
- display: inline-block;
64360
- height: 10px;
64361
- width: 80%;
64362
- }
64363
-
64364
- &.e-mask-group-intent {
64365
- margin-left: 7px;
64366
- width: 16px;
64367
- }
64368
-
64369
- &.e-mask-detail-intent {
64370
- width: 16px;
64371
- }
64372
-
64373
- &.e-mask-checkbox-intent {
64374
- margin-left: 3px;
64375
- margin-right: 16px;
64376
- width: 20px;
64377
- }
64378
-
64379
- &.e-mask-checkbox-filter-intent {
64380
- width: 13px;
64381
- }
64382
-
64383
- &.e-mask-checkbox-filter-span-intent {
64384
- margin-left: 8px;
64385
- }
64386
-
64387
- &.e-mask-drag-intent {
64388
- margin-left: 12px;
64389
- width: 12px;
64397
+ &:not(.sf-grid).e-resize-lines.e-rtl {
64398
+ &.e-default table th[rowspan] {
64399
+ border-right: 0;
64390
64400
  }
64391
64401
  }
64392
64402
 
@@ -43794,7 +43794,9 @@ $listview-template-focused-multiline-content-color: $content-text-color-selected
43794
43794
  }
43795
43795
 
43796
43796
  & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
43797
- color: $listview-icon-color;
43797
+ @if ($skin-name != 'bootstrap5.3') {
43798
+ color: $listview-icon-color;
43799
+ }
43798
43800
 
43799
43801
  @if ($skin-name == 'tailwind') {
43800
43802
  &.e-back-button,
@@ -82985,6 +82987,43 @@ $grid-checkmark-color: $primary-text-color !default;
82985
82987
  padding-left: $grid-columnchooser-input-padding-left;
82986
82988
  }
82987
82989
  }
82990
+
82991
+ & .e-mask {
82992
+
82993
+ &.e-skeleton {
82994
+ display: inline-block;
82995
+ height: 10px;
82996
+ width: 80%;
82997
+ }
82998
+
82999
+ &.e-mask-group-intent {
83000
+ margin-left: 7px;
83001
+ width: 16px;
83002
+ }
83003
+
83004
+ &.e-mask-detail-intent {
83005
+ width: 16px;
83006
+ }
83007
+
83008
+ &.e-mask-checkbox-intent {
83009
+ margin-left: 3px;
83010
+ margin-right: 16px;
83011
+ width: 20px;
83012
+ }
83013
+
83014
+ &.e-mask-checkbox-filter-intent {
83015
+ width: 13px;
83016
+ }
83017
+
83018
+ &.e-mask-checkbox-filter-span-intent {
83019
+ margin-left: 8px;
83020
+ }
83021
+
83022
+ &.e-mask-drag-intent {
83023
+ margin-left: 12px;
83024
+ width: 12px;
83025
+ }
83026
+ }
82988
83027
  }
82989
83028
 
82990
83029
  #{&}.e-grid {
@@ -83868,7 +83907,7 @@ $grid-checkmark-color: $primary-text-color !default;
83868
83907
 
83869
83908
  &:not(.e-grid-min-height) .e-gridcontent {
83870
83909
  tr td:not(.e-indentcell):first-child:empty,
83871
- .e-gridcontent tr.e-row .e-rowcell:empty {
83910
+ tr.e-row .e-rowcell:empty {
83872
83911
  height: $grid-rowcell-line-height + $grid-content-padding + $grid-content-padding;
83873
83912
  }
83874
83913
  }
@@ -84765,7 +84804,7 @@ $grid-checkmark-color: $primary-text-color !default;
84765
84804
 
84766
84805
  &.e-default .e-gridheader {
84767
84806
  th.e-firstcell,
84768
- th.e-laststackcell {
84807
+ th.e-laststackcell:not(:has(.e-rhandler.e-rcursor)) {
84769
84808
  @include grid-border-width-styles;
84770
84809
  }
84771
84810
  }
@@ -86068,46 +86107,17 @@ $grid-checkmark-color: $primary-text-color !default;
86068
86107
  }
86069
86108
  }
86070
86109
 
86071
- &:not(.sf-grid).e-resize-lines.e-rtl {
86072
- &.e-default table th[rowspan] {
86110
+ &.e-resize-lines {
86111
+ & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor,
86112
+ & tr.e-columnheader th.e-lastcell .e-rhandler.e-rcursor,
86113
+ & tr.e-columnheader th.e-laststackcell .e-rhandler.e-rcursor {
86073
86114
  border-right: 0;
86074
86115
  }
86075
86116
  }
86076
86117
 
86077
- & .e-mask {
86078
-
86079
- &.e-skeleton {
86080
- display: inline-block;
86081
- height: 10px;
86082
- width: 80%;
86083
- }
86084
-
86085
- &.e-mask-group-intent {
86086
- margin-left: 7px;
86087
- width: 16px;
86088
- }
86089
-
86090
- &.e-mask-detail-intent {
86091
- width: 16px;
86092
- }
86093
-
86094
- &.e-mask-checkbox-intent {
86095
- margin-left: 3px;
86096
- margin-right: 16px;
86097
- width: 20px;
86098
- }
86099
-
86100
- &.e-mask-checkbox-filter-intent {
86101
- width: 13px;
86102
- }
86103
-
86104
- &.e-mask-checkbox-filter-span-intent {
86105
- margin-left: 8px;
86106
- }
86107
-
86108
- &.e-mask-drag-intent {
86109
- margin-left: 12px;
86110
- width: 12px;
86118
+ &:not(.sf-grid).e-resize-lines.e-rtl {
86119
+ &.e-default table th[rowspan] {
86120
+ border-right: 0;
86111
86121
  }
86112
86122
  }
86113
86123
 
@@ -89824,13 +89834,13 @@ $grid-checkmark-color: $primary-text-color !default;
89824
89834
  }
89825
89835
 
89826
89836
  li {
89827
- @if $grid-skin != 'bootstrap5.3' {
89837
+ @if $grid-skin != 'bootstrap5.3' and $grid-skin != 'fluent2' and $grid-skin != 'highcontrast' {
89828
89838
  color: $grid-rowcell-color;
89829
89839
  }
89830
89840
  }
89831
89841
 
89832
89842
  & .e-submenu.e-selected {
89833
- @if $grid-skin != 'bootstrap5.3' {
89843
+ @if $grid-skin != 'bootstrap5.3' and $grid-skin != 'fluent2' and $grid-skin != 'highcontrast' {
89834
89844
  background-color: $grid-responsive-header-background;
89835
89845
  }
89836
89846
  }
@@ -42687,7 +42687,9 @@ $listview-template-focused-multiline-content-color: $content-text-color-selected
42687
42687
  }
42688
42688
 
42689
42689
  & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
42690
- color: $listview-icon-color;
42690
+ @if ($skin-name != 'bootstrap5.3') {
42691
+ color: $listview-icon-color;
42692
+ }
42691
42693
 
42692
42694
  @if ($skin-name == 'tailwind') {
42693
42695
  &.e-back-button,
@@ -81843,6 +81845,43 @@ $grid-checkmark-color: $primary-text-color !default;
81843
81845
  padding-left: $grid-columnchooser-input-padding-left;
81844
81846
  }
81845
81847
  }
81848
+
81849
+ & .e-mask {
81850
+
81851
+ &.e-skeleton {
81852
+ display: inline-block;
81853
+ height: 10px;
81854
+ width: 80%;
81855
+ }
81856
+
81857
+ &.e-mask-group-intent {
81858
+ margin-left: 7px;
81859
+ width: 16px;
81860
+ }
81861
+
81862
+ &.e-mask-detail-intent {
81863
+ width: 16px;
81864
+ }
81865
+
81866
+ &.e-mask-checkbox-intent {
81867
+ margin-left: 3px;
81868
+ margin-right: 16px;
81869
+ width: 20px;
81870
+ }
81871
+
81872
+ &.e-mask-checkbox-filter-intent {
81873
+ width: 13px;
81874
+ }
81875
+
81876
+ &.e-mask-checkbox-filter-span-intent {
81877
+ margin-left: 8px;
81878
+ }
81879
+
81880
+ &.e-mask-drag-intent {
81881
+ margin-left: 12px;
81882
+ width: 12px;
81883
+ }
81884
+ }
81846
81885
  }
81847
81886
 
81848
81887
  #{&}.e-grid {
@@ -82726,7 +82765,7 @@ $grid-checkmark-color: $primary-text-color !default;
82726
82765
 
82727
82766
  &:not(.e-grid-min-height) .e-gridcontent {
82728
82767
  tr td:not(.e-indentcell):first-child:empty,
82729
- .e-gridcontent tr.e-row .e-rowcell:empty {
82768
+ tr.e-row .e-rowcell:empty {
82730
82769
  height: $grid-rowcell-line-height + $grid-content-padding + $grid-content-padding;
82731
82770
  }
82732
82771
  }
@@ -83623,7 +83662,7 @@ $grid-checkmark-color: $primary-text-color !default;
83623
83662
 
83624
83663
  &.e-default .e-gridheader {
83625
83664
  th.e-firstcell,
83626
- th.e-laststackcell {
83665
+ th.e-laststackcell:not(:has(.e-rhandler.e-rcursor)) {
83627
83666
  @include grid-border-width-styles;
83628
83667
  }
83629
83668
  }
@@ -84926,46 +84965,17 @@ $grid-checkmark-color: $primary-text-color !default;
84926
84965
  }
84927
84966
  }
84928
84967
 
84929
- &:not(.sf-grid).e-resize-lines.e-rtl {
84930
- &.e-default table th[rowspan] {
84968
+ &.e-resize-lines {
84969
+ & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor,
84970
+ & tr.e-columnheader th.e-lastcell .e-rhandler.e-rcursor,
84971
+ & tr.e-columnheader th.e-laststackcell .e-rhandler.e-rcursor {
84931
84972
  border-right: 0;
84932
84973
  }
84933
84974
  }
84934
84975
 
84935
- & .e-mask {
84936
-
84937
- &.e-skeleton {
84938
- display: inline-block;
84939
- height: 10px;
84940
- width: 80%;
84941
- }
84942
-
84943
- &.e-mask-group-intent {
84944
- margin-left: 7px;
84945
- width: 16px;
84946
- }
84947
-
84948
- &.e-mask-detail-intent {
84949
- width: 16px;
84950
- }
84951
-
84952
- &.e-mask-checkbox-intent {
84953
- margin-left: 3px;
84954
- margin-right: 16px;
84955
- width: 20px;
84956
- }
84957
-
84958
- &.e-mask-checkbox-filter-intent {
84959
- width: 13px;
84960
- }
84961
-
84962
- &.e-mask-checkbox-filter-span-intent {
84963
- margin-left: 8px;
84964
- }
84965
-
84966
- &.e-mask-drag-intent {
84967
- margin-left: 12px;
84968
- width: 12px;
84976
+ &:not(.sf-grid).e-resize-lines.e-rtl {
84977
+ &.e-default table th[rowspan] {
84978
+ border-right: 0;
84969
84979
  }
84970
84980
  }
84971
84981
 
@@ -88682,13 +88692,13 @@ $grid-checkmark-color: $primary-text-color !default;
88682
88692
  }
88683
88693
 
88684
88694
  li {
88685
- @if $grid-skin != 'bootstrap5.3' {
88695
+ @if $grid-skin != 'bootstrap5.3' and $grid-skin != 'fluent2' and $grid-skin != 'highcontrast' {
88686
88696
  color: $grid-rowcell-color;
88687
88697
  }
88688
88698
  }
88689
88699
 
88690
88700
  & .e-submenu.e-selected {
88691
- @if $grid-skin != 'bootstrap5.3' {
88701
+ @if $grid-skin != 'bootstrap5.3' and $grid-skin != 'fluent2' and $grid-skin != 'highcontrast' {
88692
88702
  background-color: $grid-responsive-header-background;
88693
88703
  }
88694
88704
  }
@@ -30898,7 +30898,9 @@ $listview-template-multiline-avatar-top: .6153em !default;
30898
30898
  }
30899
30899
 
30900
30900
  & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
30901
- color: $listview-icon-color;
30901
+ @if ($skin-name != 'bootstrap5.3') {
30902
+ color: $listview-icon-color;
30903
+ }
30902
30904
 
30903
30905
  @if ($skin-name == 'tailwind') {
30904
30906
  &.e-back-button,
@@ -59779,6 +59781,43 @@ $grid-checkmark-color: $theme-dark-font !default;
59779
59781
  padding-left: $grid-columnchooser-input-padding-left;
59780
59782
  }
59781
59783
  }
59784
+
59785
+ & .e-mask {
59786
+
59787
+ &.e-skeleton {
59788
+ display: inline-block;
59789
+ height: 10px;
59790
+ width: 80%;
59791
+ }
59792
+
59793
+ &.e-mask-group-intent {
59794
+ margin-left: 7px;
59795
+ width: 16px;
59796
+ }
59797
+
59798
+ &.e-mask-detail-intent {
59799
+ width: 16px;
59800
+ }
59801
+
59802
+ &.e-mask-checkbox-intent {
59803
+ margin-left: 3px;
59804
+ margin-right: 16px;
59805
+ width: 20px;
59806
+ }
59807
+
59808
+ &.e-mask-checkbox-filter-intent {
59809
+ width: 13px;
59810
+ }
59811
+
59812
+ &.e-mask-checkbox-filter-span-intent {
59813
+ margin-left: 8px;
59814
+ }
59815
+
59816
+ &.e-mask-drag-intent {
59817
+ margin-left: 12px;
59818
+ width: 12px;
59819
+ }
59820
+ }
59782
59821
  }
59783
59822
 
59784
59823
  #{&}.e-grid {
@@ -60662,7 +60701,7 @@ $grid-checkmark-color: $theme-dark-font !default;
60662
60701
 
60663
60702
  &:not(.e-grid-min-height) .e-gridcontent {
60664
60703
  tr td:not(.e-indentcell):first-child:empty,
60665
- .e-gridcontent tr.e-row .e-rowcell:empty {
60704
+ tr.e-row .e-rowcell:empty {
60666
60705
  height: $grid-rowcell-line-height + $grid-content-padding + $grid-content-padding;
60667
60706
  }
60668
60707
  }
@@ -61559,7 +61598,7 @@ $grid-checkmark-color: $theme-dark-font !default;
61559
61598
 
61560
61599
  &.e-default .e-gridheader {
61561
61600
  th.e-firstcell,
61562
- th.e-laststackcell {
61601
+ th.e-laststackcell:not(:has(.e-rhandler.e-rcursor)) {
61563
61602
  @include grid-border-width-styles;
61564
61603
  }
61565
61604
  }
@@ -62862,46 +62901,17 @@ $grid-checkmark-color: $theme-dark-font !default;
62862
62901
  }
62863
62902
  }
62864
62903
 
62865
- &:not(.sf-grid).e-resize-lines.e-rtl {
62866
- &.e-default table th[rowspan] {
62904
+ &.e-resize-lines {
62905
+ & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor,
62906
+ & tr.e-columnheader th.e-lastcell .e-rhandler.e-rcursor,
62907
+ & tr.e-columnheader th.e-laststackcell .e-rhandler.e-rcursor {
62867
62908
  border-right: 0;
62868
62909
  }
62869
62910
  }
62870
62911
 
62871
- & .e-mask {
62872
-
62873
- &.e-skeleton {
62874
- display: inline-block;
62875
- height: 10px;
62876
- width: 80%;
62877
- }
62878
-
62879
- &.e-mask-group-intent {
62880
- margin-left: 7px;
62881
- width: 16px;
62882
- }
62883
-
62884
- &.e-mask-detail-intent {
62885
- width: 16px;
62886
- }
62887
-
62888
- &.e-mask-checkbox-intent {
62889
- margin-left: 3px;
62890
- margin-right: 16px;
62891
- width: 20px;
62892
- }
62893
-
62894
- &.e-mask-checkbox-filter-intent {
62895
- width: 13px;
62896
- }
62897
-
62898
- &.e-mask-checkbox-filter-span-intent {
62899
- margin-left: 8px;
62900
- }
62901
-
62902
- &.e-mask-drag-intent {
62903
- margin-left: 12px;
62904
- width: 12px;
62912
+ &:not(.sf-grid).e-resize-lines.e-rtl {
62913
+ &.e-default table th[rowspan] {
62914
+ border-right: 0;
62905
62915
  }
62906
62916
  }
62907
62917
 
@@ -42545,7 +42545,9 @@ $listview-template-multiline-avatar-top: .6153em !default;
42545
42545
  }
42546
42546
 
42547
42547
  & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
42548
- color: $listview-icon-color;
42548
+ @if ($skin-name != 'bootstrap5.3') {
42549
+ color: $listview-icon-color;
42550
+ }
42549
42551
 
42550
42552
  @if ($skin-name == 'tailwind') {
42551
42553
  &.e-back-button,
@@ -81500,6 +81502,43 @@ $grid-checkmark-color: $theme-dark-font !default;
81500
81502
  padding-left: $grid-columnchooser-input-padding-left;
81501
81503
  }
81502
81504
  }
81505
+
81506
+ & .e-mask {
81507
+
81508
+ &.e-skeleton {
81509
+ display: inline-block;
81510
+ height: 10px;
81511
+ width: 80%;
81512
+ }
81513
+
81514
+ &.e-mask-group-intent {
81515
+ margin-left: 7px;
81516
+ width: 16px;
81517
+ }
81518
+
81519
+ &.e-mask-detail-intent {
81520
+ width: 16px;
81521
+ }
81522
+
81523
+ &.e-mask-checkbox-intent {
81524
+ margin-left: 3px;
81525
+ margin-right: 16px;
81526
+ width: 20px;
81527
+ }
81528
+
81529
+ &.e-mask-checkbox-filter-intent {
81530
+ width: 13px;
81531
+ }
81532
+
81533
+ &.e-mask-checkbox-filter-span-intent {
81534
+ margin-left: 8px;
81535
+ }
81536
+
81537
+ &.e-mask-drag-intent {
81538
+ margin-left: 12px;
81539
+ width: 12px;
81540
+ }
81541
+ }
81503
81542
  }
81504
81543
 
81505
81544
  #{&}.e-grid {
@@ -82383,7 +82422,7 @@ $grid-checkmark-color: $theme-dark-font !default;
82383
82422
 
82384
82423
  &:not(.e-grid-min-height) .e-gridcontent {
82385
82424
  tr td:not(.e-indentcell):first-child:empty,
82386
- .e-gridcontent tr.e-row .e-rowcell:empty {
82425
+ tr.e-row .e-rowcell:empty {
82387
82426
  height: $grid-rowcell-line-height + $grid-content-padding + $grid-content-padding;
82388
82427
  }
82389
82428
  }
@@ -83280,7 +83319,7 @@ $grid-checkmark-color: $theme-dark-font !default;
83280
83319
 
83281
83320
  &.e-default .e-gridheader {
83282
83321
  th.e-firstcell,
83283
- th.e-laststackcell {
83322
+ th.e-laststackcell:not(:has(.e-rhandler.e-rcursor)) {
83284
83323
  @include grid-border-width-styles;
83285
83324
  }
83286
83325
  }
@@ -84583,46 +84622,17 @@ $grid-checkmark-color: $theme-dark-font !default;
84583
84622
  }
84584
84623
  }
84585
84624
 
84586
- &:not(.sf-grid).e-resize-lines.e-rtl {
84587
- &.e-default table th[rowspan] {
84625
+ &.e-resize-lines {
84626
+ & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor,
84627
+ & tr.e-columnheader th.e-lastcell .e-rhandler.e-rcursor,
84628
+ & tr.e-columnheader th.e-laststackcell .e-rhandler.e-rcursor {
84588
84629
  border-right: 0;
84589
84630
  }
84590
84631
  }
84591
84632
 
84592
- & .e-mask {
84593
-
84594
- &.e-skeleton {
84595
- display: inline-block;
84596
- height: 10px;
84597
- width: 80%;
84598
- }
84599
-
84600
- &.e-mask-group-intent {
84601
- margin-left: 7px;
84602
- width: 16px;
84603
- }
84604
-
84605
- &.e-mask-detail-intent {
84606
- width: 16px;
84607
- }
84608
-
84609
- &.e-mask-checkbox-intent {
84610
- margin-left: 3px;
84611
- margin-right: 16px;
84612
- width: 20px;
84613
- }
84614
-
84615
- &.e-mask-checkbox-filter-intent {
84616
- width: 13px;
84617
- }
84618
-
84619
- &.e-mask-checkbox-filter-span-intent {
84620
- margin-left: 8px;
84621
- }
84622
-
84623
- &.e-mask-drag-intent {
84624
- margin-left: 12px;
84625
- width: 12px;
84633
+ &:not(.sf-grid).e-resize-lines.e-rtl {
84634
+ &.e-default table th[rowspan] {
84635
+ border-right: 0;
84626
84636
  }
84627
84637
  }
84628
84638
 
@@ -88345,13 +88355,13 @@ $grid-checkmark-color: $theme-dark-font !default;
88345
88355
  }
88346
88356
 
88347
88357
  li {
88348
- @if $grid-skin != 'bootstrap5.3' {
88358
+ @if $grid-skin != 'bootstrap5.3' and $grid-skin != 'fluent2' and $grid-skin != 'highcontrast' {
88349
88359
  color: $grid-rowcell-color;
88350
88360
  }
88351
88361
  }
88352
88362
 
88353
88363
  & .e-submenu.e-selected {
88354
- @if $grid-skin != 'bootstrap5.3' {
88364
+ @if $grid-skin != 'bootstrap5.3' and $grid-skin != 'fluent2' and $grid-skin != 'highcontrast' {
88355
88365
  background-color: $grid-responsive-header-background;
88356
88366
  }
88357
88367
  }