@syncfusion/blazor-themes 23.1.40 → 23.1.42

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 (131) hide show
  1. package/SCSS-Themes/bootstrap-dark.scss +150 -49
  2. package/SCSS-Themes/bootstrap.scss +150 -49
  3. package/SCSS-Themes/bootstrap4.scss +182 -51
  4. package/SCSS-Themes/bootstrap5-dark.scss +150 -49
  5. package/SCSS-Themes/bootstrap5.scss +150 -49
  6. package/SCSS-Themes/buttons/switch/bootstrap-dark.scss +6 -2
  7. package/SCSS-Themes/buttons/switch/bootstrap.scss +6 -2
  8. package/SCSS-Themes/buttons/switch/bootstrap4.scss +6 -2
  9. package/SCSS-Themes/buttons/switch/bootstrap5-dark.scss +6 -2
  10. package/SCSS-Themes/buttons/switch/bootstrap5.scss +6 -2
  11. package/SCSS-Themes/buttons/switch/fabric-dark.scss +6 -2
  12. package/SCSS-Themes/buttons/switch/fabric.scss +6 -2
  13. package/SCSS-Themes/buttons/switch/fluent-dark.scss +6 -2
  14. package/SCSS-Themes/buttons/switch/fluent.scss +6 -2
  15. package/SCSS-Themes/buttons/switch/highcontrast.scss +6 -2
  16. package/SCSS-Themes/buttons/switch/material-dark.scss +6 -2
  17. package/SCSS-Themes/buttons/switch/material.scss +6 -2
  18. package/SCSS-Themes/buttons/switch/material3-dark.scss +6 -2
  19. package/SCSS-Themes/buttons/switch/material3.scss +6 -2
  20. package/SCSS-Themes/buttons/switch/tailwind-dark.scss +6 -2
  21. package/SCSS-Themes/buttons/switch/tailwind.scss +6 -2
  22. package/SCSS-Themes/calendars/daterangepicker/bootstrap-dark.scss +9 -6
  23. package/SCSS-Themes/calendars/daterangepicker/bootstrap.scss +9 -6
  24. package/SCSS-Themes/calendars/daterangepicker/bootstrap4.scss +9 -6
  25. package/SCSS-Themes/calendars/daterangepicker/bootstrap5-dark.scss +9 -6
  26. package/SCSS-Themes/calendars/daterangepicker/bootstrap5.scss +9 -6
  27. package/SCSS-Themes/calendars/daterangepicker/fabric-dark.scss +9 -6
  28. package/SCSS-Themes/calendars/daterangepicker/fabric.scss +9 -6
  29. package/SCSS-Themes/calendars/daterangepicker/fluent-dark.scss +26 -6
  30. package/SCSS-Themes/calendars/daterangepicker/fluent.scss +26 -6
  31. package/SCSS-Themes/calendars/daterangepicker/highcontrast.scss +9 -6
  32. package/SCSS-Themes/calendars/daterangepicker/material-dark.scss +9 -6
  33. package/SCSS-Themes/calendars/daterangepicker/material.scss +9 -6
  34. package/SCSS-Themes/calendars/daterangepicker/material3-dark.scss +9 -6
  35. package/SCSS-Themes/calendars/daterangepicker/material3.scss +9 -6
  36. package/SCSS-Themes/calendars/daterangepicker/tailwind-dark.scss +9 -6
  37. package/SCSS-Themes/calendars/daterangepicker/tailwind.scss +9 -6
  38. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap4.scss +13 -2
  39. package/SCSS-Themes/dropdowns/list-box/bootstrap-dark.scss +1 -1
  40. package/SCSS-Themes/dropdowns/list-box/bootstrap.scss +1 -1
  41. package/SCSS-Themes/dropdowns/list-box/bootstrap4.scss +1 -1
  42. package/SCSS-Themes/dropdowns/list-box/bootstrap5-dark.scss +1 -1
  43. package/SCSS-Themes/dropdowns/list-box/bootstrap5.scss +1 -1
  44. package/SCSS-Themes/dropdowns/list-box/fabric-dark.scss +1 -1
  45. package/SCSS-Themes/dropdowns/list-box/fabric.scss +1 -1
  46. package/SCSS-Themes/dropdowns/list-box/fluent-dark.scss +1 -1
  47. package/SCSS-Themes/dropdowns/list-box/fluent.scss +1 -1
  48. package/SCSS-Themes/dropdowns/list-box/highcontrast.scss +1 -1
  49. package/SCSS-Themes/dropdowns/list-box/material-dark.scss +1 -1
  50. package/SCSS-Themes/dropdowns/list-box/material.scss +1 -1
  51. package/SCSS-Themes/dropdowns/list-box/material3-dark.scss +1 -1
  52. package/SCSS-Themes/dropdowns/list-box/material3.scss +1 -1
  53. package/SCSS-Themes/dropdowns/list-box/tailwind-dark.scss +1 -1
  54. package/SCSS-Themes/dropdowns/list-box/tailwind.scss +1 -1
  55. package/SCSS-Themes/dropdowns/multi-select/bootstrap4.scss +19 -0
  56. package/SCSS-Themes/fabric-dark.scss +150 -49
  57. package/SCSS-Themes/fabric.scss +150 -49
  58. package/SCSS-Themes/fluent-dark.scss +167 -49
  59. package/SCSS-Themes/fluent.scss +167 -49
  60. package/SCSS-Themes/gantt/gantt/bootstrap-dark.scss +1 -1
  61. package/SCSS-Themes/gantt/gantt/bootstrap.scss +1 -1
  62. package/SCSS-Themes/gantt/gantt/bootstrap4.scss +1 -1
  63. package/SCSS-Themes/gantt/gantt/bootstrap5-dark.scss +1 -1
  64. package/SCSS-Themes/gantt/gantt/bootstrap5.scss +1 -1
  65. package/SCSS-Themes/gantt/gantt/fabric-dark.scss +1 -1
  66. package/SCSS-Themes/gantt/gantt/fabric.scss +1 -1
  67. package/SCSS-Themes/gantt/gantt/fluent-dark.scss +1 -1
  68. package/SCSS-Themes/gantt/gantt/fluent.scss +1 -1
  69. package/SCSS-Themes/gantt/gantt/highcontrast.scss +1 -1
  70. package/SCSS-Themes/gantt/gantt/material-dark.scss +1 -1
  71. package/SCSS-Themes/gantt/gantt/material.scss +1 -1
  72. package/SCSS-Themes/gantt/gantt/material3-dark.scss +1 -1
  73. package/SCSS-Themes/gantt/gantt/material3.scss +1 -1
  74. package/SCSS-Themes/gantt/gantt/tailwind-dark.scss +1 -1
  75. package/SCSS-Themes/gantt/gantt/tailwind.scss +1 -1
  76. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +117 -33
  77. package/SCSS-Themes/grids/grid/bootstrap.scss +117 -33
  78. package/SCSS-Themes/grids/grid/bootstrap4.scss +117 -33
  79. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +117 -33
  80. package/SCSS-Themes/grids/grid/bootstrap5.scss +117 -33
  81. package/SCSS-Themes/grids/grid/fabric-dark.scss +117 -33
  82. package/SCSS-Themes/grids/grid/fabric.scss +117 -33
  83. package/SCSS-Themes/grids/grid/fluent-dark.scss +117 -33
  84. package/SCSS-Themes/grids/grid/fluent.scss +117 -33
  85. package/SCSS-Themes/grids/grid/highcontrast.scss +117 -33
  86. package/SCSS-Themes/grids/grid/material-dark.scss +117 -33
  87. package/SCSS-Themes/grids/grid/material.scss +117 -33
  88. package/SCSS-Themes/grids/grid/material3-dark.scss +117 -33
  89. package/SCSS-Themes/grids/grid/material3.scss +117 -33
  90. package/SCSS-Themes/grids/grid/tailwind-dark.scss +117 -33
  91. package/SCSS-Themes/grids/grid/tailwind.scss +117 -33
  92. package/SCSS-Themes/highcontrast.scss +150 -49
  93. package/SCSS-Themes/material-dark.scss +150 -49
  94. package/SCSS-Themes/material.scss +150 -49
  95. package/SCSS-Themes/material3-dark.scss +150 -49
  96. package/SCSS-Themes/material3.scss +150 -49
  97. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap-dark.scss +0 -1
  98. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap.scss +0 -1
  99. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap4.scss +0 -1
  100. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap5-dark.scss +0 -1
  101. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap5.scss +0 -1
  102. package/SCSS-Themes/pivotview/pivotfieldlist/fabric-dark.scss +0 -1
  103. package/SCSS-Themes/pivotview/pivotfieldlist/fabric.scss +0 -1
  104. package/SCSS-Themes/pivotview/pivotfieldlist/fluent-dark.scss +0 -1
  105. package/SCSS-Themes/pivotview/pivotfieldlist/fluent.scss +0 -1
  106. package/SCSS-Themes/pivotview/pivotfieldlist/highcontrast.scss +0 -1
  107. package/SCSS-Themes/pivotview/pivotfieldlist/material-dark.scss +0 -1
  108. package/SCSS-Themes/pivotview/pivotfieldlist/material.scss +0 -1
  109. package/SCSS-Themes/pivotview/pivotfieldlist/material3-dark.scss +0 -1
  110. package/SCSS-Themes/pivotview/pivotfieldlist/material3.scss +0 -1
  111. package/SCSS-Themes/pivotview/pivotfieldlist/tailwind-dark.scss +0 -1
  112. package/SCSS-Themes/pivotview/pivotfieldlist/tailwind.scss +0 -1
  113. package/SCSS-Themes/pivotview/pivotview/bootstrap-dark.scss +16 -5
  114. package/SCSS-Themes/pivotview/pivotview/bootstrap.scss +16 -5
  115. package/SCSS-Themes/pivotview/pivotview/bootstrap4.scss +16 -5
  116. package/SCSS-Themes/pivotview/pivotview/bootstrap5-dark.scss +16 -5
  117. package/SCSS-Themes/pivotview/pivotview/bootstrap5.scss +16 -5
  118. package/SCSS-Themes/pivotview/pivotview/fabric-dark.scss +16 -5
  119. package/SCSS-Themes/pivotview/pivotview/fabric.scss +16 -5
  120. package/SCSS-Themes/pivotview/pivotview/fluent-dark.scss +16 -5
  121. package/SCSS-Themes/pivotview/pivotview/fluent.scss +16 -5
  122. package/SCSS-Themes/pivotview/pivotview/highcontrast.scss +16 -5
  123. package/SCSS-Themes/pivotview/pivotview/material-dark.scss +16 -5
  124. package/SCSS-Themes/pivotview/pivotview/material.scss +16 -5
  125. package/SCSS-Themes/pivotview/pivotview/material3-dark.scss +16 -5
  126. package/SCSS-Themes/pivotview/pivotview/material3.scss +16 -5
  127. package/SCSS-Themes/pivotview/pivotview/tailwind-dark.scss +16 -5
  128. package/SCSS-Themes/pivotview/pivotview/tailwind.scss +16 -5
  129. package/SCSS-Themes/tailwind-dark.scss +150 -49
  130. package/SCSS-Themes/tailwind.scss +150 -49
  131. package/package.json +1 -1
@@ -1433,6 +1433,16 @@ $pivotpager-single-size-title-padding: 8px !default;
1433
1433
  }
1434
1434
  }
1435
1435
 
1436
+ &.e-device {
1437
+ .e-pivotcell-container {
1438
+ .e-stackedheadertext {
1439
+ &.e-cellvalue {
1440
+ align-self: center;
1441
+ }
1442
+ }
1443
+ }
1444
+ }
1445
+
1436
1446
  .e-nextspan {
1437
1447
  display: inline-block;
1438
1448
  width: $pivotview-indent-space-size;
@@ -1493,6 +1503,12 @@ $pivotpager-single-size-title-padding: 8px !default;
1493
1503
  @if($skin-name == 'bootstrap5') {
1494
1504
  border-bottom-color: $border-light;
1495
1505
  }
1506
+
1507
+ table th[rowspan = '1'] {
1508
+ padding-bottom: 0;
1509
+ padding-top: 0;
1510
+ vertical-align: middle;
1511
+ }
1496
1512
  }
1497
1513
 
1498
1514
  .e-gtot {
@@ -1738,11 +1754,6 @@ $pivotpager-single-size-title-padding: 8px !default;
1738
1754
  @if($skin-name == 'tailwind') or ($skin-name == 'tailwind-dark') {
1739
1755
  text-transform: none;
1740
1756
  }
1741
-
1742
- @if($skin-name == 'bootstrap5') or ($skin-name == 'FluentUI') or ($skin-name == 'tailwind') or ($skin-name == 'Material3') {
1743
- padding-top: 0px !important;
1744
- padding-bottom: 0px !important;
1745
- }
1746
1757
  }
1747
1758
 
1748
1759
  .sf-grid .e-spinner-pane {
@@ -1430,6 +1430,16 @@ $pivotpager-single-size-title-padding: 4px !default;
1430
1430
  }
1431
1431
  }
1432
1432
 
1433
+ &.e-device {
1434
+ .e-pivotcell-container {
1435
+ .e-stackedheadertext {
1436
+ &.e-cellvalue {
1437
+ align-self: center;
1438
+ }
1439
+ }
1440
+ }
1441
+ }
1442
+
1433
1443
  .e-nextspan {
1434
1444
  display: inline-block;
1435
1445
  width: $pivotview-indent-space-size;
@@ -1490,6 +1500,12 @@ $pivotpager-single-size-title-padding: 4px !default;
1490
1500
  @if($skin-name == 'bootstrap5') {
1491
1501
  border-bottom-color: $border-light;
1492
1502
  }
1503
+
1504
+ table th[rowspan = '1'] {
1505
+ padding-bottom: 0;
1506
+ padding-top: 0;
1507
+ vertical-align: middle;
1508
+ }
1493
1509
  }
1494
1510
 
1495
1511
  .e-gtot {
@@ -1735,11 +1751,6 @@ $pivotpager-single-size-title-padding: 4px !default;
1735
1751
  @if($skin-name == 'tailwind') or ($skin-name == 'tailwind-dark') {
1736
1752
  text-transform: none;
1737
1753
  }
1738
-
1739
- @if($skin-name == 'bootstrap5') or ($skin-name == 'FluentUI') or ($skin-name == 'tailwind') or ($skin-name == 'Material3') {
1740
- padding-top: 0px !important;
1741
- padding-bottom: 0px !important;
1742
- }
1743
1754
  }
1744
1755
 
1745
1756
  .sf-grid .e-spinner-pane {
@@ -1427,6 +1427,16 @@ $pivotpager-single-size-title-padding: 4px !default;
1427
1427
  }
1428
1428
  }
1429
1429
 
1430
+ &.e-device {
1431
+ .e-pivotcell-container {
1432
+ .e-stackedheadertext {
1433
+ &.e-cellvalue {
1434
+ align-self: center;
1435
+ }
1436
+ }
1437
+ }
1438
+ }
1439
+
1430
1440
  .e-nextspan {
1431
1441
  display: inline-block;
1432
1442
  width: $pivotview-indent-space-size;
@@ -1487,6 +1497,12 @@ $pivotpager-single-size-title-padding: 4px !default;
1487
1497
  @if($skin-name == 'bootstrap5') {
1488
1498
  border-bottom-color: $border-light;
1489
1499
  }
1500
+
1501
+ table th[rowspan = '1'] {
1502
+ padding-bottom: 0;
1503
+ padding-top: 0;
1504
+ vertical-align: middle;
1505
+ }
1490
1506
  }
1491
1507
 
1492
1508
  .e-gtot {
@@ -1732,11 +1748,6 @@ $pivotpager-single-size-title-padding: 4px !default;
1732
1748
  @if($skin-name == 'tailwind') or ($skin-name == 'tailwind-dark') {
1733
1749
  text-transform: none;
1734
1750
  }
1735
-
1736
- @if($skin-name == 'bootstrap5') or ($skin-name == 'FluentUI') or ($skin-name == 'tailwind') or ($skin-name == 'Material3') {
1737
- padding-top: 0px !important;
1738
- padding-bottom: 0px !important;
1739
- }
1740
1751
  }
1741
1752
 
1742
1753
  .sf-grid .e-spinner-pane {
@@ -1433,6 +1433,16 @@ $pivotpager-single-size-title-padding: 8px !default;
1433
1433
  }
1434
1434
  }
1435
1435
 
1436
+ &.e-device {
1437
+ .e-pivotcell-container {
1438
+ .e-stackedheadertext {
1439
+ &.e-cellvalue {
1440
+ align-self: center;
1441
+ }
1442
+ }
1443
+ }
1444
+ }
1445
+
1436
1446
  .e-nextspan {
1437
1447
  display: inline-block;
1438
1448
  width: $pivotview-indent-space-size;
@@ -1493,6 +1503,12 @@ $pivotpager-single-size-title-padding: 8px !default;
1493
1503
  @if($skin-name == 'bootstrap5') {
1494
1504
  border-bottom-color: $border-light;
1495
1505
  }
1506
+
1507
+ table th[rowspan = '1'] {
1508
+ padding-bottom: 0;
1509
+ padding-top: 0;
1510
+ vertical-align: middle;
1511
+ }
1496
1512
  }
1497
1513
 
1498
1514
  .e-gtot {
@@ -1738,11 +1754,6 @@ $pivotpager-single-size-title-padding: 8px !default;
1738
1754
  @if($skin-name == 'tailwind') or ($skin-name == 'tailwind-dark') {
1739
1755
  text-transform: none;
1740
1756
  }
1741
-
1742
- @if($skin-name == 'bootstrap5') or ($skin-name == 'FluentUI') or ($skin-name == 'tailwind') or ($skin-name == 'Material3') {
1743
- padding-top: 0px !important;
1744
- padding-bottom: 0px !important;
1745
- }
1746
1757
  }
1747
1758
 
1748
1759
  .sf-grid .e-spinner-pane {
@@ -1433,6 +1433,16 @@ $pivotpager-single-size-title-padding: 8px !default;
1433
1433
  }
1434
1434
  }
1435
1435
 
1436
+ &.e-device {
1437
+ .e-pivotcell-container {
1438
+ .e-stackedheadertext {
1439
+ &.e-cellvalue {
1440
+ align-self: center;
1441
+ }
1442
+ }
1443
+ }
1444
+ }
1445
+
1436
1446
  .e-nextspan {
1437
1447
  display: inline-block;
1438
1448
  width: $pivotview-indent-space-size;
@@ -1493,6 +1503,12 @@ $pivotpager-single-size-title-padding: 8px !default;
1493
1503
  @if($skin-name == 'bootstrap5') {
1494
1504
  border-bottom-color: $border-light;
1495
1505
  }
1506
+
1507
+ table th[rowspan = '1'] {
1508
+ padding-bottom: 0;
1509
+ padding-top: 0;
1510
+ vertical-align: middle;
1511
+ }
1496
1512
  }
1497
1513
 
1498
1514
  .e-gtot {
@@ -1738,11 +1754,6 @@ $pivotpager-single-size-title-padding: 8px !default;
1738
1754
  @if($skin-name == 'tailwind') or ($skin-name == 'tailwind-dark') {
1739
1755
  text-transform: none;
1740
1756
  }
1741
-
1742
- @if($skin-name == 'bootstrap5') or ($skin-name == 'FluentUI') or ($skin-name == 'tailwind') or ($skin-name == 'Material3') {
1743
- padding-top: 0px !important;
1744
- padding-bottom: 0px !important;
1745
- }
1746
1757
  }
1747
1758
 
1748
1759
  .sf-grid .e-spinner-pane {
@@ -1426,6 +1426,16 @@ $pivotpager-single-size-title-padding: 4px !default;
1426
1426
  }
1427
1427
  }
1428
1428
 
1429
+ &.e-device {
1430
+ .e-pivotcell-container {
1431
+ .e-stackedheadertext {
1432
+ &.e-cellvalue {
1433
+ align-self: center;
1434
+ }
1435
+ }
1436
+ }
1437
+ }
1438
+
1429
1439
  .e-nextspan {
1430
1440
  display: inline-block;
1431
1441
  width: $pivotview-indent-space-size;
@@ -1486,6 +1496,12 @@ $pivotpager-single-size-title-padding: 4px !default;
1486
1496
  @if($skin-name == 'bootstrap5') {
1487
1497
  border-bottom-color: $border-light;
1488
1498
  }
1499
+
1500
+ table th[rowspan = '1'] {
1501
+ padding-bottom: 0;
1502
+ padding-top: 0;
1503
+ vertical-align: middle;
1504
+ }
1489
1505
  }
1490
1506
 
1491
1507
  .e-gtot {
@@ -1731,11 +1747,6 @@ $pivotpager-single-size-title-padding: 4px !default;
1731
1747
  @if($skin-name == 'tailwind') or ($skin-name == 'tailwind-dark') {
1732
1748
  text-transform: none;
1733
1749
  }
1734
-
1735
- @if($skin-name == 'bootstrap5') or ($skin-name == 'FluentUI') or ($skin-name == 'tailwind') or ($skin-name == 'Material3') {
1736
- padding-top: 0px !important;
1737
- padding-bottom: 0px !important;
1738
- }
1739
1750
  }
1740
1751
 
1741
1752
  .sf-grid .e-spinner-pane {
@@ -1434,6 +1434,16 @@ $pivotpager-single-size-title-padding: 14px !default;
1434
1434
  }
1435
1435
  }
1436
1436
 
1437
+ &.e-device {
1438
+ .e-pivotcell-container {
1439
+ .e-stackedheadertext {
1440
+ &.e-cellvalue {
1441
+ align-self: center;
1442
+ }
1443
+ }
1444
+ }
1445
+ }
1446
+
1437
1447
  .e-nextspan {
1438
1448
  display: inline-block;
1439
1449
  width: $pivotview-indent-space-size;
@@ -1494,6 +1504,12 @@ $pivotpager-single-size-title-padding: 14px !default;
1494
1504
  @if($skin-name == 'bootstrap5') {
1495
1505
  border-bottom-color: $border-light;
1496
1506
  }
1507
+
1508
+ table th[rowspan = '1'] {
1509
+ padding-bottom: 0;
1510
+ padding-top: 0;
1511
+ vertical-align: middle;
1512
+ }
1497
1513
  }
1498
1514
 
1499
1515
  .e-gtot {
@@ -1739,11 +1755,6 @@ $pivotpager-single-size-title-padding: 14px !default;
1739
1755
  @if($skin-name == 'tailwind') or ($skin-name == 'tailwind-dark') {
1740
1756
  text-transform: none;
1741
1757
  }
1742
-
1743
- @if($skin-name == 'bootstrap5') or ($skin-name == 'FluentUI') or ($skin-name == 'tailwind') or ($skin-name == 'Material3') {
1744
- padding-top: 0px !important;
1745
- padding-bottom: 0px !important;
1746
- }
1747
1758
  }
1748
1759
 
1749
1760
  .sf-grid .e-spinner-pane {
@@ -1430,6 +1430,16 @@ $pivotpager-single-size-title-padding: 14px !default;
1430
1430
  }
1431
1431
  }
1432
1432
 
1433
+ &.e-device {
1434
+ .e-pivotcell-container {
1435
+ .e-stackedheadertext {
1436
+ &.e-cellvalue {
1437
+ align-self: center;
1438
+ }
1439
+ }
1440
+ }
1441
+ }
1442
+
1433
1443
  .e-nextspan {
1434
1444
  display: inline-block;
1435
1445
  width: $pivotview-indent-space-size;
@@ -1490,6 +1500,12 @@ $pivotpager-single-size-title-padding: 14px !default;
1490
1500
  @if($skin-name == 'bootstrap5') {
1491
1501
  border-bottom-color: $border-light;
1492
1502
  }
1503
+
1504
+ table th[rowspan = '1'] {
1505
+ padding-bottom: 0;
1506
+ padding-top: 0;
1507
+ vertical-align: middle;
1508
+ }
1493
1509
  }
1494
1510
 
1495
1511
  .e-gtot {
@@ -1735,11 +1751,6 @@ $pivotpager-single-size-title-padding: 14px !default;
1735
1751
  @if($skin-name == 'tailwind') or ($skin-name == 'tailwind-dark') {
1736
1752
  text-transform: none;
1737
1753
  }
1738
-
1739
- @if($skin-name == 'bootstrap5') or ($skin-name == 'FluentUI') or ($skin-name == 'tailwind') or ($skin-name == 'Material3') {
1740
- padding-top: 0px !important;
1741
- padding-bottom: 0px !important;
1742
- }
1743
1754
  }
1744
1755
 
1745
1756
  .sf-grid .e-spinner-pane {
@@ -1436,6 +1436,16 @@ $pivotpager-string-maindiv-font-color: rgba($content-text-color-alt1) !default;
1436
1436
  }
1437
1437
  }
1438
1438
 
1439
+ &.e-device {
1440
+ .e-pivotcell-container {
1441
+ .e-stackedheadertext {
1442
+ &.e-cellvalue {
1443
+ align-self: center;
1444
+ }
1445
+ }
1446
+ }
1447
+ }
1448
+
1439
1449
  .e-nextspan {
1440
1450
  display: inline-block;
1441
1451
  width: $pivotview-indent-space-size;
@@ -1496,6 +1506,12 @@ $pivotpager-string-maindiv-font-color: rgba($content-text-color-alt1) !default;
1496
1506
  @if($skin-name == 'bootstrap5') {
1497
1507
  border-bottom-color: $border-light;
1498
1508
  }
1509
+
1510
+ table th[rowspan = '1'] {
1511
+ padding-bottom: 0;
1512
+ padding-top: 0;
1513
+ vertical-align: middle;
1514
+ }
1499
1515
  }
1500
1516
 
1501
1517
  .e-gtot {
@@ -1741,11 +1757,6 @@ $pivotpager-string-maindiv-font-color: rgba($content-text-color-alt1) !default;
1741
1757
  @if($skin-name == 'tailwind') or ($skin-name == 'tailwind-dark') {
1742
1758
  text-transform: none;
1743
1759
  }
1744
-
1745
- @if($skin-name == 'bootstrap5') or ($skin-name == 'FluentUI') or ($skin-name == 'tailwind') or ($skin-name == 'Material3') {
1746
- padding-top: 0px !important;
1747
- padding-bottom: 0px !important;
1748
- }
1749
1760
  }
1750
1761
 
1751
1762
  .sf-grid .e-spinner-pane {
@@ -1436,6 +1436,16 @@ $pivotpager-string-maindiv-font-color: rgba($content-text-color-alt1) !default;
1436
1436
  }
1437
1437
  }
1438
1438
 
1439
+ &.e-device {
1440
+ .e-pivotcell-container {
1441
+ .e-stackedheadertext {
1442
+ &.e-cellvalue {
1443
+ align-self: center;
1444
+ }
1445
+ }
1446
+ }
1447
+ }
1448
+
1439
1449
  .e-nextspan {
1440
1450
  display: inline-block;
1441
1451
  width: $pivotview-indent-space-size;
@@ -1496,6 +1506,12 @@ $pivotpager-string-maindiv-font-color: rgba($content-text-color-alt1) !default;
1496
1506
  @if($skin-name == 'bootstrap5') {
1497
1507
  border-bottom-color: $border-light;
1498
1508
  }
1509
+
1510
+ table th[rowspan = '1'] {
1511
+ padding-bottom: 0;
1512
+ padding-top: 0;
1513
+ vertical-align: middle;
1514
+ }
1499
1515
  }
1500
1516
 
1501
1517
  .e-gtot {
@@ -1741,11 +1757,6 @@ $pivotpager-string-maindiv-font-color: rgba($content-text-color-alt1) !default;
1741
1757
  @if($skin-name == 'tailwind') or ($skin-name == 'tailwind-dark') {
1742
1758
  text-transform: none;
1743
1759
  }
1744
-
1745
- @if($skin-name == 'bootstrap5') or ($skin-name == 'FluentUI') or ($skin-name == 'tailwind') or ($skin-name == 'Material3') {
1746
- padding-top: 0px !important;
1747
- padding-bottom: 0px !important;
1748
- }
1749
1760
  }
1750
1761
 
1751
1762
  .sf-grid .e-spinner-pane {
@@ -1433,6 +1433,16 @@ $pivotpager-single-size-title-padding: 8px !default;
1433
1433
  }
1434
1434
  }
1435
1435
 
1436
+ &.e-device {
1437
+ .e-pivotcell-container {
1438
+ .e-stackedheadertext {
1439
+ &.e-cellvalue {
1440
+ align-self: center;
1441
+ }
1442
+ }
1443
+ }
1444
+ }
1445
+
1436
1446
  .e-nextspan {
1437
1447
  display: inline-block;
1438
1448
  width: $pivotview-indent-space-size;
@@ -1493,6 +1503,12 @@ $pivotpager-single-size-title-padding: 8px !default;
1493
1503
  @if($skin-name == 'bootstrap5') {
1494
1504
  border-bottom-color: $border-light;
1495
1505
  }
1506
+
1507
+ table th[rowspan = '1'] {
1508
+ padding-bottom: 0;
1509
+ padding-top: 0;
1510
+ vertical-align: middle;
1511
+ }
1496
1512
  }
1497
1513
 
1498
1514
  .e-gtot {
@@ -1738,11 +1754,6 @@ $pivotpager-single-size-title-padding: 8px !default;
1738
1754
  @if($skin-name == 'tailwind') or ($skin-name == 'tailwind-dark') {
1739
1755
  text-transform: none;
1740
1756
  }
1741
-
1742
- @if($skin-name == 'bootstrap5') or ($skin-name == 'FluentUI') or ($skin-name == 'tailwind') or ($skin-name == 'Material3') {
1743
- padding-top: 0px !important;
1744
- padding-bottom: 0px !important;
1745
- }
1746
1757
  }
1747
1758
 
1748
1759
  .sf-grid .e-spinner-pane {
@@ -1433,6 +1433,16 @@ $pivotpager-single-size-title-padding: 8px !default;
1433
1433
  }
1434
1434
  }
1435
1435
 
1436
+ &.e-device {
1437
+ .e-pivotcell-container {
1438
+ .e-stackedheadertext {
1439
+ &.e-cellvalue {
1440
+ align-self: center;
1441
+ }
1442
+ }
1443
+ }
1444
+ }
1445
+
1436
1446
  .e-nextspan {
1437
1447
  display: inline-block;
1438
1448
  width: $pivotview-indent-space-size;
@@ -1493,6 +1503,12 @@ $pivotpager-single-size-title-padding: 8px !default;
1493
1503
  @if($skin-name == 'bootstrap5') {
1494
1504
  border-bottom-color: $border-light;
1495
1505
  }
1506
+
1507
+ table th[rowspan = '1'] {
1508
+ padding-bottom: 0;
1509
+ padding-top: 0;
1510
+ vertical-align: middle;
1511
+ }
1496
1512
  }
1497
1513
 
1498
1514
  .e-gtot {
@@ -1738,11 +1754,6 @@ $pivotpager-single-size-title-padding: 8px !default;
1738
1754
  @if($skin-name == 'tailwind') or ($skin-name == 'tailwind-dark') {
1739
1755
  text-transform: none;
1740
1756
  }
1741
-
1742
- @if($skin-name == 'bootstrap5') or ($skin-name == 'FluentUI') or ($skin-name == 'tailwind') or ($skin-name == 'Material3') {
1743
- padding-top: 0px !important;
1744
- padding-bottom: 0px !important;
1745
- }
1746
1757
  }
1747
1758
 
1748
1759
  .sf-grid .e-spinner-pane {