@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
@@ -42956,7 +42956,9 @@ $listview-template-multiline-avatar-top: 1.0666em !default;
42956
42956
  }
42957
42957
 
42958
42958
  & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
42959
- color: $listview-icon-color;
42959
+ @if ($skin-name != 'bootstrap5.3') {
42960
+ color: $listview-icon-color;
42961
+ }
42960
42962
 
42961
42963
  @if ($skin-name == 'tailwind') {
42962
42964
  &.e-back-button,
@@ -82426,6 +82428,43 @@ $grid-checkmark-color: $accent-font !default;
82426
82428
  padding-left: $grid-columnchooser-input-padding-left;
82427
82429
  }
82428
82430
  }
82431
+
82432
+ & .e-mask {
82433
+
82434
+ &.e-skeleton {
82435
+ display: inline-block;
82436
+ height: 10px;
82437
+ width: 80%;
82438
+ }
82439
+
82440
+ &.e-mask-group-intent {
82441
+ margin-left: 7px;
82442
+ width: 16px;
82443
+ }
82444
+
82445
+ &.e-mask-detail-intent {
82446
+ width: 16px;
82447
+ }
82448
+
82449
+ &.e-mask-checkbox-intent {
82450
+ margin-left: 3px;
82451
+ margin-right: 16px;
82452
+ width: 20px;
82453
+ }
82454
+
82455
+ &.e-mask-checkbox-filter-intent {
82456
+ width: 13px;
82457
+ }
82458
+
82459
+ &.e-mask-checkbox-filter-span-intent {
82460
+ margin-left: 8px;
82461
+ }
82462
+
82463
+ &.e-mask-drag-intent {
82464
+ margin-left: 12px;
82465
+ width: 12px;
82466
+ }
82467
+ }
82429
82468
  }
82430
82469
 
82431
82470
  #{&}.e-grid {
@@ -83309,7 +83348,7 @@ $grid-checkmark-color: $accent-font !default;
83309
83348
 
83310
83349
  &:not(.e-grid-min-height) .e-gridcontent {
83311
83350
  tr td:not(.e-indentcell):first-child:empty,
83312
- .e-gridcontent tr.e-row .e-rowcell:empty {
83351
+ tr.e-row .e-rowcell:empty {
83313
83352
  height: $grid-rowcell-line-height + $grid-content-padding + $grid-content-padding;
83314
83353
  }
83315
83354
  }
@@ -84206,7 +84245,7 @@ $grid-checkmark-color: $accent-font !default;
84206
84245
 
84207
84246
  &.e-default .e-gridheader {
84208
84247
  th.e-firstcell,
84209
- th.e-laststackcell {
84248
+ th.e-laststackcell:not(:has(.e-rhandler.e-rcursor)) {
84210
84249
  @include grid-border-width-styles;
84211
84250
  }
84212
84251
  }
@@ -85509,46 +85548,17 @@ $grid-checkmark-color: $accent-font !default;
85509
85548
  }
85510
85549
  }
85511
85550
 
85512
- &:not(.sf-grid).e-resize-lines.e-rtl {
85513
- &.e-default table th[rowspan] {
85551
+ &.e-resize-lines {
85552
+ & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor,
85553
+ & tr.e-columnheader th.e-lastcell .e-rhandler.e-rcursor,
85554
+ & tr.e-columnheader th.e-laststackcell .e-rhandler.e-rcursor {
85514
85555
  border-right: 0;
85515
85556
  }
85516
85557
  }
85517
85558
 
85518
- & .e-mask {
85519
-
85520
- &.e-skeleton {
85521
- display: inline-block;
85522
- height: 10px;
85523
- width: 80%;
85524
- }
85525
-
85526
- &.e-mask-group-intent {
85527
- margin-left: 7px;
85528
- width: 16px;
85529
- }
85530
-
85531
- &.e-mask-detail-intent {
85532
- width: 16px;
85533
- }
85534
-
85535
- &.e-mask-checkbox-intent {
85536
- margin-left: 3px;
85537
- margin-right: 16px;
85538
- width: 20px;
85539
- }
85540
-
85541
- &.e-mask-checkbox-filter-intent {
85542
- width: 13px;
85543
- }
85544
-
85545
- &.e-mask-checkbox-filter-span-intent {
85546
- margin-left: 8px;
85547
- }
85548
-
85549
- &.e-mask-drag-intent {
85550
- margin-left: 12px;
85551
- width: 12px;
85559
+ &:not(.sf-grid).e-resize-lines.e-rtl {
85560
+ &.e-default table th[rowspan] {
85561
+ border-right: 0;
85552
85562
  }
85553
85563
  }
85554
85564
 
@@ -89275,13 +89285,13 @@ $grid-checkmark-color: $accent-font !default;
89275
89285
  }
89276
89286
 
89277
89287
  li {
89278
- @if $grid-skin != 'bootstrap5.3' {
89288
+ @if $grid-skin != 'bootstrap5.3' and $grid-skin != 'fluent2' and $grid-skin != 'highcontrast' {
89279
89289
  color: $grid-rowcell-color;
89280
89290
  }
89281
89291
  }
89282
89292
 
89283
89293
  & .e-submenu.e-selected {
89284
- @if $grid-skin != 'bootstrap5.3' {
89294
+ @if $grid-skin != 'bootstrap5.3' and $grid-skin != 'fluent2' and $grid-skin != 'highcontrast' {
89285
89295
  background-color: $grid-responsive-header-background;
89286
89296
  }
89287
89297
  }
@@ -31076,7 +31076,9 @@ $listview-template-multiline-avatar-top: 1.0666em !default;
31076
31076
  }
31077
31077
 
31078
31078
  & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
31079
- color: $listview-icon-color;
31079
+ @if ($skin-name != 'bootstrap5.3') {
31080
+ color: $listview-icon-color;
31081
+ }
31080
31082
 
31081
31083
  @if ($skin-name == 'tailwind') {
31082
31084
  &.e-back-button,
@@ -60433,6 +60435,43 @@ $grid-checkmark-color: $accent-font !default;
60433
60435
  padding-left: $grid-columnchooser-input-padding-left;
60434
60436
  }
60435
60437
  }
60438
+
60439
+ & .e-mask {
60440
+
60441
+ &.e-skeleton {
60442
+ display: inline-block;
60443
+ height: 10px;
60444
+ width: 80%;
60445
+ }
60446
+
60447
+ &.e-mask-group-intent {
60448
+ margin-left: 7px;
60449
+ width: 16px;
60450
+ }
60451
+
60452
+ &.e-mask-detail-intent {
60453
+ width: 16px;
60454
+ }
60455
+
60456
+ &.e-mask-checkbox-intent {
60457
+ margin-left: 3px;
60458
+ margin-right: 16px;
60459
+ width: 20px;
60460
+ }
60461
+
60462
+ &.e-mask-checkbox-filter-intent {
60463
+ width: 13px;
60464
+ }
60465
+
60466
+ &.e-mask-checkbox-filter-span-intent {
60467
+ margin-left: 8px;
60468
+ }
60469
+
60470
+ &.e-mask-drag-intent {
60471
+ margin-left: 12px;
60472
+ width: 12px;
60473
+ }
60474
+ }
60436
60475
  }
60437
60476
 
60438
60477
  #{&}.e-grid {
@@ -61316,7 +61355,7 @@ $grid-checkmark-color: $accent-font !default;
61316
61355
 
61317
61356
  &:not(.e-grid-min-height) .e-gridcontent {
61318
61357
  tr td:not(.e-indentcell):first-child:empty,
61319
- .e-gridcontent tr.e-row .e-rowcell:empty {
61358
+ tr.e-row .e-rowcell:empty {
61320
61359
  height: $grid-rowcell-line-height + $grid-content-padding + $grid-content-padding;
61321
61360
  }
61322
61361
  }
@@ -62213,7 +62252,7 @@ $grid-checkmark-color: $accent-font !default;
62213
62252
 
62214
62253
  &.e-default .e-gridheader {
62215
62254
  th.e-firstcell,
62216
- th.e-laststackcell {
62255
+ th.e-laststackcell:not(:has(.e-rhandler.e-rcursor)) {
62217
62256
  @include grid-border-width-styles;
62218
62257
  }
62219
62258
  }
@@ -63516,46 +63555,17 @@ $grid-checkmark-color: $accent-font !default;
63516
63555
  }
63517
63556
  }
63518
63557
 
63519
- &:not(.sf-grid).e-resize-lines.e-rtl {
63520
- &.e-default table th[rowspan] {
63558
+ &.e-resize-lines {
63559
+ & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor,
63560
+ & tr.e-columnheader th.e-lastcell .e-rhandler.e-rcursor,
63561
+ & tr.e-columnheader th.e-laststackcell .e-rhandler.e-rcursor {
63521
63562
  border-right: 0;
63522
63563
  }
63523
63564
  }
63524
63565
 
63525
- & .e-mask {
63526
-
63527
- &.e-skeleton {
63528
- display: inline-block;
63529
- height: 10px;
63530
- width: 80%;
63531
- }
63532
-
63533
- &.e-mask-group-intent {
63534
- margin-left: 7px;
63535
- width: 16px;
63536
- }
63537
-
63538
- &.e-mask-detail-intent {
63539
- width: 16px;
63540
- }
63541
-
63542
- &.e-mask-checkbox-intent {
63543
- margin-left: 3px;
63544
- margin-right: 16px;
63545
- width: 20px;
63546
- }
63547
-
63548
- &.e-mask-checkbox-filter-intent {
63549
- width: 13px;
63550
- }
63551
-
63552
- &.e-mask-checkbox-filter-span-intent {
63553
- margin-left: 8px;
63554
- }
63555
-
63556
- &.e-mask-drag-intent {
63557
- margin-left: 12px;
63558
- width: 12px;
63566
+ &:not(.sf-grid).e-resize-lines.e-rtl {
63567
+ &.e-default table th[rowspan] {
63568
+ border-right: 0;
63559
63569
  }
63560
63570
  }
63561
63571
 
@@ -42723,7 +42723,9 @@ $listview-template-multiline-avatar-top: 1.0666em !default;
42723
42723
  }
42724
42724
 
42725
42725
  & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
42726
- color: $listview-icon-color;
42726
+ @if ($skin-name != 'bootstrap5.3') {
42727
+ color: $listview-icon-color;
42728
+ }
42727
42729
 
42728
42730
  @if ($skin-name == 'tailwind') {
42729
42731
  &.e-back-button,
@@ -82154,6 +82156,43 @@ $grid-checkmark-color: $accent-font !default;
82154
82156
  padding-left: $grid-columnchooser-input-padding-left;
82155
82157
  }
82156
82158
  }
82159
+
82160
+ & .e-mask {
82161
+
82162
+ &.e-skeleton {
82163
+ display: inline-block;
82164
+ height: 10px;
82165
+ width: 80%;
82166
+ }
82167
+
82168
+ &.e-mask-group-intent {
82169
+ margin-left: 7px;
82170
+ width: 16px;
82171
+ }
82172
+
82173
+ &.e-mask-detail-intent {
82174
+ width: 16px;
82175
+ }
82176
+
82177
+ &.e-mask-checkbox-intent {
82178
+ margin-left: 3px;
82179
+ margin-right: 16px;
82180
+ width: 20px;
82181
+ }
82182
+
82183
+ &.e-mask-checkbox-filter-intent {
82184
+ width: 13px;
82185
+ }
82186
+
82187
+ &.e-mask-checkbox-filter-span-intent {
82188
+ margin-left: 8px;
82189
+ }
82190
+
82191
+ &.e-mask-drag-intent {
82192
+ margin-left: 12px;
82193
+ width: 12px;
82194
+ }
82195
+ }
82157
82196
  }
82158
82197
 
82159
82198
  #{&}.e-grid {
@@ -83037,7 +83076,7 @@ $grid-checkmark-color: $accent-font !default;
83037
83076
 
83038
83077
  &:not(.e-grid-min-height) .e-gridcontent {
83039
83078
  tr td:not(.e-indentcell):first-child:empty,
83040
- .e-gridcontent tr.e-row .e-rowcell:empty {
83079
+ tr.e-row .e-rowcell:empty {
83041
83080
  height: $grid-rowcell-line-height + $grid-content-padding + $grid-content-padding;
83042
83081
  }
83043
83082
  }
@@ -83934,7 +83973,7 @@ $grid-checkmark-color: $accent-font !default;
83934
83973
 
83935
83974
  &.e-default .e-gridheader {
83936
83975
  th.e-firstcell,
83937
- th.e-laststackcell {
83976
+ th.e-laststackcell:not(:has(.e-rhandler.e-rcursor)) {
83938
83977
  @include grid-border-width-styles;
83939
83978
  }
83940
83979
  }
@@ -85237,46 +85276,17 @@ $grid-checkmark-color: $accent-font !default;
85237
85276
  }
85238
85277
  }
85239
85278
 
85240
- &:not(.sf-grid).e-resize-lines.e-rtl {
85241
- &.e-default table th[rowspan] {
85279
+ &.e-resize-lines {
85280
+ & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor,
85281
+ & tr.e-columnheader th.e-lastcell .e-rhandler.e-rcursor,
85282
+ & tr.e-columnheader th.e-laststackcell .e-rhandler.e-rcursor {
85242
85283
  border-right: 0;
85243
85284
  }
85244
85285
  }
85245
85286
 
85246
- & .e-mask {
85247
-
85248
- &.e-skeleton {
85249
- display: inline-block;
85250
- height: 10px;
85251
- width: 80%;
85252
- }
85253
-
85254
- &.e-mask-group-intent {
85255
- margin-left: 7px;
85256
- width: 16px;
85257
- }
85258
-
85259
- &.e-mask-detail-intent {
85260
- width: 16px;
85261
- }
85262
-
85263
- &.e-mask-checkbox-intent {
85264
- margin-left: 3px;
85265
- margin-right: 16px;
85266
- width: 20px;
85267
- }
85268
-
85269
- &.e-mask-checkbox-filter-intent {
85270
- width: 13px;
85271
- }
85272
-
85273
- &.e-mask-checkbox-filter-span-intent {
85274
- margin-left: 8px;
85275
- }
85276
-
85277
- &.e-mask-drag-intent {
85278
- margin-left: 12px;
85279
- width: 12px;
85287
+ &:not(.sf-grid).e-resize-lines.e-rtl {
85288
+ &.e-default table th[rowspan] {
85289
+ border-right: 0;
85280
85290
  }
85281
85291
  }
85282
85292
 
@@ -89003,13 +89013,13 @@ $grid-checkmark-color: $accent-font !default;
89003
89013
  }
89004
89014
 
89005
89015
  li {
89006
- @if $grid-skin != 'bootstrap5.3' {
89016
+ @if $grid-skin != 'bootstrap5.3' and $grid-skin != 'fluent2' and $grid-skin != 'highcontrast' {
89007
89017
  color: $grid-rowcell-color;
89008
89018
  }
89009
89019
  }
89010
89020
 
89011
89021
  & .e-submenu.e-selected {
89012
- @if $grid-skin != 'bootstrap5.3' {
89022
+ @if $grid-skin != 'bootstrap5.3' and $grid-skin != 'fluent2' and $grid-skin != 'highcontrast' {
89013
89023
  background-color: $grid-responsive-header-background;
89014
89024
  }
89015
89025
  }
@@ -31180,7 +31180,9 @@ $listview-template-focused-multiline-content-color: rgba($content-text-color-sel
31180
31180
  }
31181
31181
 
31182
31182
  & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
31183
- color: $listview-icon-color;
31183
+ @if ($skin-name != 'bootstrap5.3') {
31184
+ color: $listview-icon-color;
31185
+ }
31184
31186
 
31185
31187
  @if ($skin-name == 'tailwind') {
31186
31188
  &.e-back-button,
@@ -60528,6 +60530,43 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
60528
60530
  padding-left: $grid-columnchooser-input-padding-left;
60529
60531
  }
60530
60532
  }
60533
+
60534
+ & .e-mask {
60535
+
60536
+ &.e-skeleton {
60537
+ display: inline-block;
60538
+ height: 10px;
60539
+ width: 80%;
60540
+ }
60541
+
60542
+ &.e-mask-group-intent {
60543
+ margin-left: 7px;
60544
+ width: 16px;
60545
+ }
60546
+
60547
+ &.e-mask-detail-intent {
60548
+ width: 16px;
60549
+ }
60550
+
60551
+ &.e-mask-checkbox-intent {
60552
+ margin-left: 3px;
60553
+ margin-right: 16px;
60554
+ width: 20px;
60555
+ }
60556
+
60557
+ &.e-mask-checkbox-filter-intent {
60558
+ width: 13px;
60559
+ }
60560
+
60561
+ &.e-mask-checkbox-filter-span-intent {
60562
+ margin-left: 8px;
60563
+ }
60564
+
60565
+ &.e-mask-drag-intent {
60566
+ margin-left: 12px;
60567
+ width: 12px;
60568
+ }
60569
+ }
60531
60570
  }
60532
60571
 
60533
60572
  #{&}.e-grid {
@@ -61411,7 +61450,7 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
61411
61450
 
61412
61451
  &:not(.e-grid-min-height) .e-gridcontent {
61413
61452
  tr td:not(.e-indentcell):first-child:empty,
61414
- .e-gridcontent tr.e-row .e-rowcell:empty {
61453
+ tr.e-row .e-rowcell:empty {
61415
61454
  height: $grid-rowcell-line-height + $grid-content-padding + $grid-content-padding;
61416
61455
  }
61417
61456
  }
@@ -62308,7 +62347,7 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
62308
62347
 
62309
62348
  &.e-default .e-gridheader {
62310
62349
  th.e-firstcell,
62311
- th.e-laststackcell {
62350
+ th.e-laststackcell:not(:has(.e-rhandler.e-rcursor)) {
62312
62351
  @include grid-border-width-styles;
62313
62352
  }
62314
62353
  }
@@ -63611,46 +63650,17 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
63611
63650
  }
63612
63651
  }
63613
63652
 
63614
- &:not(.sf-grid).e-resize-lines.e-rtl {
63615
- &.e-default table th[rowspan] {
63653
+ &.e-resize-lines {
63654
+ & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor,
63655
+ & tr.e-columnheader th.e-lastcell .e-rhandler.e-rcursor,
63656
+ & tr.e-columnheader th.e-laststackcell .e-rhandler.e-rcursor {
63616
63657
  border-right: 0;
63617
63658
  }
63618
63659
  }
63619
63660
 
63620
- & .e-mask {
63621
-
63622
- &.e-skeleton {
63623
- display: inline-block;
63624
- height: 10px;
63625
- width: 80%;
63626
- }
63627
-
63628
- &.e-mask-group-intent {
63629
- margin-left: 7px;
63630
- width: 16px;
63631
- }
63632
-
63633
- &.e-mask-detail-intent {
63634
- width: 16px;
63635
- }
63636
-
63637
- &.e-mask-checkbox-intent {
63638
- margin-left: 3px;
63639
- margin-right: 16px;
63640
- width: 20px;
63641
- }
63642
-
63643
- &.e-mask-checkbox-filter-intent {
63644
- width: 13px;
63645
- }
63646
-
63647
- &.e-mask-checkbox-filter-span-intent {
63648
- margin-left: 8px;
63649
- }
63650
-
63651
- &.e-mask-drag-intent {
63652
- margin-left: 12px;
63653
- width: 12px;
63661
+ &:not(.sf-grid).e-resize-lines.e-rtl {
63662
+ &.e-default table th[rowspan] {
63663
+ border-right: 0;
63654
63664
  }
63655
63665
  }
63656
63666
 
@@ -42827,7 +42827,9 @@ $listview-template-focused-multiline-content-color: rgba($content-text-color-sel
42827
42827
  }
42828
42828
 
42829
42829
  & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
42830
- color: $listview-icon-color;
42830
+ @if ($skin-name != 'bootstrap5.3') {
42831
+ color: $listview-icon-color;
42832
+ }
42831
42833
 
42832
42834
  @if ($skin-name == 'tailwind') {
42833
42835
  &.e-back-button,
@@ -82249,6 +82251,43 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
82249
82251
  padding-left: $grid-columnchooser-input-padding-left;
82250
82252
  }
82251
82253
  }
82254
+
82255
+ & .e-mask {
82256
+
82257
+ &.e-skeleton {
82258
+ display: inline-block;
82259
+ height: 10px;
82260
+ width: 80%;
82261
+ }
82262
+
82263
+ &.e-mask-group-intent {
82264
+ margin-left: 7px;
82265
+ width: 16px;
82266
+ }
82267
+
82268
+ &.e-mask-detail-intent {
82269
+ width: 16px;
82270
+ }
82271
+
82272
+ &.e-mask-checkbox-intent {
82273
+ margin-left: 3px;
82274
+ margin-right: 16px;
82275
+ width: 20px;
82276
+ }
82277
+
82278
+ &.e-mask-checkbox-filter-intent {
82279
+ width: 13px;
82280
+ }
82281
+
82282
+ &.e-mask-checkbox-filter-span-intent {
82283
+ margin-left: 8px;
82284
+ }
82285
+
82286
+ &.e-mask-drag-intent {
82287
+ margin-left: 12px;
82288
+ width: 12px;
82289
+ }
82290
+ }
82252
82291
  }
82253
82292
 
82254
82293
  #{&}.e-grid {
@@ -83132,7 +83171,7 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
83132
83171
 
83133
83172
  &:not(.e-grid-min-height) .e-gridcontent {
83134
83173
  tr td:not(.e-indentcell):first-child:empty,
83135
- .e-gridcontent tr.e-row .e-rowcell:empty {
83174
+ tr.e-row .e-rowcell:empty {
83136
83175
  height: $grid-rowcell-line-height + $grid-content-padding + $grid-content-padding;
83137
83176
  }
83138
83177
  }
@@ -84029,7 +84068,7 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
84029
84068
 
84030
84069
  &.e-default .e-gridheader {
84031
84070
  th.e-firstcell,
84032
- th.e-laststackcell {
84071
+ th.e-laststackcell:not(:has(.e-rhandler.e-rcursor)) {
84033
84072
  @include grid-border-width-styles;
84034
84073
  }
84035
84074
  }
@@ -85332,46 +85371,17 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
85332
85371
  }
85333
85372
  }
85334
85373
 
85335
- &:not(.sf-grid).e-resize-lines.e-rtl {
85336
- &.e-default table th[rowspan] {
85374
+ &.e-resize-lines {
85375
+ & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor,
85376
+ & tr.e-columnheader th.e-lastcell .e-rhandler.e-rcursor,
85377
+ & tr.e-columnheader th.e-laststackcell .e-rhandler.e-rcursor {
85337
85378
  border-right: 0;
85338
85379
  }
85339
85380
  }
85340
85381
 
85341
- & .e-mask {
85342
-
85343
- &.e-skeleton {
85344
- display: inline-block;
85345
- height: 10px;
85346
- width: 80%;
85347
- }
85348
-
85349
- &.e-mask-group-intent {
85350
- margin-left: 7px;
85351
- width: 16px;
85352
- }
85353
-
85354
- &.e-mask-detail-intent {
85355
- width: 16px;
85356
- }
85357
-
85358
- &.e-mask-checkbox-intent {
85359
- margin-left: 3px;
85360
- margin-right: 16px;
85361
- width: 20px;
85362
- }
85363
-
85364
- &.e-mask-checkbox-filter-intent {
85365
- width: 13px;
85366
- }
85367
-
85368
- &.e-mask-checkbox-filter-span-intent {
85369
- margin-left: 8px;
85370
- }
85371
-
85372
- &.e-mask-drag-intent {
85373
- margin-left: 12px;
85374
- width: 12px;
85382
+ &:not(.sf-grid).e-resize-lines.e-rtl {
85383
+ &.e-default table th[rowspan] {
85384
+ border-right: 0;
85375
85385
  }
85376
85386
  }
85377
85387
 
@@ -89092,13 +89102,13 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
89092
89102
  }
89093
89103
 
89094
89104
  li {
89095
- @if $grid-skin != 'bootstrap5.3' {
89105
+ @if $grid-skin != 'bootstrap5.3' and $grid-skin != 'fluent2' and $grid-skin != 'highcontrast' {
89096
89106
  color: $grid-rowcell-color;
89097
89107
  }
89098
89108
  }
89099
89109
 
89100
89110
  & .e-submenu.e-selected {
89101
- @if $grid-skin != 'bootstrap5.3' {
89111
+ @if $grid-skin != 'bootstrap5.3' and $grid-skin != 'fluent2' and $grid-skin != 'highcontrast' {
89102
89112
  background-color: $grid-responsive-header-background;
89103
89113
  }
89104
89114
  }