@syncfusion/blazor-themes 23.1.36 → 23.1.39

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 (162) hide show
  1. package/SCSS-Themes/base/material-dark.scss +1 -1
  2. package/SCSS-Themes/bootstrap-dark.scss +152 -32
  3. package/SCSS-Themes/bootstrap.scss +153 -33
  4. package/SCSS-Themes/bootstrap4.scss +155 -35
  5. package/SCSS-Themes/bootstrap5-dark.scss +152 -34
  6. package/SCSS-Themes/bootstrap5.scss +152 -34
  7. package/SCSS-Themes/dropdowns/list-box/bootstrap-dark.scss +78 -9
  8. package/SCSS-Themes/dropdowns/list-box/bootstrap.scss +79 -10
  9. package/SCSS-Themes/dropdowns/list-box/bootstrap4.scss +80 -11
  10. package/SCSS-Themes/dropdowns/list-box/bootstrap5-dark.scss +78 -11
  11. package/SCSS-Themes/dropdowns/list-box/bootstrap5.scss +78 -11
  12. package/SCSS-Themes/dropdowns/list-box/fabric-dark.scss +78 -9
  13. package/SCSS-Themes/dropdowns/list-box/fabric.scss +78 -9
  14. package/SCSS-Themes/dropdowns/list-box/fluent-dark.scss +80 -13
  15. package/SCSS-Themes/dropdowns/list-box/fluent.scss +80 -13
  16. package/SCSS-Themes/dropdowns/list-box/highcontrast.scss +78 -9
  17. package/SCSS-Themes/dropdowns/list-box/material-dark.scss +80 -11
  18. package/SCSS-Themes/dropdowns/list-box/material.scss +80 -11
  19. package/SCSS-Themes/dropdowns/list-box/material3-dark.scss +80 -13
  20. package/SCSS-Themes/dropdowns/list-box/material3.scss +80 -13
  21. package/SCSS-Themes/dropdowns/list-box/tailwind-dark.scss +80 -13
  22. package/SCSS-Themes/dropdowns/list-box/tailwind.scss +80 -13
  23. package/SCSS-Themes/dropdowns/multi-select/bootstrap-dark.scss +14 -1
  24. package/SCSS-Themes/dropdowns/multi-select/bootstrap.scss +14 -1
  25. package/SCSS-Themes/dropdowns/multi-select/bootstrap4.scss +14 -1
  26. package/SCSS-Themes/dropdowns/multi-select/bootstrap5-dark.scss +14 -1
  27. package/SCSS-Themes/dropdowns/multi-select/bootstrap5.scss +14 -1
  28. package/SCSS-Themes/dropdowns/multi-select/fabric-dark.scss +15 -2
  29. package/SCSS-Themes/dropdowns/multi-select/fabric.scss +15 -2
  30. package/SCSS-Themes/dropdowns/multi-select/fluent-dark.scss +14 -1
  31. package/SCSS-Themes/dropdowns/multi-select/fluent.scss +14 -1
  32. package/SCSS-Themes/dropdowns/multi-select/highcontrast.scss +14 -1
  33. package/SCSS-Themes/dropdowns/multi-select/material-dark.scss +14 -1
  34. package/SCSS-Themes/dropdowns/multi-select/material.scss +14 -1
  35. package/SCSS-Themes/dropdowns/multi-select/material3-dark.scss +12 -1
  36. package/SCSS-Themes/dropdowns/multi-select/material3.scss +12 -1
  37. package/SCSS-Themes/dropdowns/multi-select/tailwind-dark.scss +14 -1
  38. package/SCSS-Themes/dropdowns/multi-select/tailwind.scss +14 -1
  39. package/SCSS-Themes/fabric-dark.scss +153 -33
  40. package/SCSS-Themes/fabric.scss +153 -33
  41. package/SCSS-Themes/fluent-dark.scss +154 -36
  42. package/SCSS-Themes/fluent.scss +154 -36
  43. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +9 -0
  44. package/SCSS-Themes/grids/grid/bootstrap.scss +9 -0
  45. package/SCSS-Themes/grids/grid/bootstrap4.scss +10 -1
  46. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +9 -0
  47. package/SCSS-Themes/grids/grid/bootstrap5.scss +9 -0
  48. package/SCSS-Themes/grids/grid/fabric-dark.scss +9 -0
  49. package/SCSS-Themes/grids/grid/fabric.scss +9 -0
  50. package/SCSS-Themes/grids/grid/fluent-dark.scss +9 -0
  51. package/SCSS-Themes/grids/grid/fluent.scss +9 -0
  52. package/SCSS-Themes/grids/grid/highcontrast.scss +9 -0
  53. package/SCSS-Themes/grids/grid/material-dark.scss +9 -0
  54. package/SCSS-Themes/grids/grid/material.scss +9 -0
  55. package/SCSS-Themes/grids/grid/material3-dark.scss +9 -0
  56. package/SCSS-Themes/grids/grid/material3.scss +9 -0
  57. package/SCSS-Themes/grids/grid/tailwind-dark.scss +9 -0
  58. package/SCSS-Themes/grids/grid/tailwind.scss +9 -0
  59. package/SCSS-Themes/highcontrast.scss +152 -32
  60. package/SCSS-Themes/image-editor/image-editor/bootstrap-dark.scss +6 -0
  61. package/SCSS-Themes/image-editor/image-editor/bootstrap.scss +6 -0
  62. package/SCSS-Themes/image-editor/image-editor/bootstrap4.scss +6 -0
  63. package/SCSS-Themes/image-editor/image-editor/bootstrap5-dark.scss +6 -0
  64. package/SCSS-Themes/image-editor/image-editor/bootstrap5.scss +6 -0
  65. package/SCSS-Themes/image-editor/image-editor/fabric-dark.scss +6 -0
  66. package/SCSS-Themes/image-editor/image-editor/fabric.scss +6 -0
  67. package/SCSS-Themes/image-editor/image-editor/fluent-dark.scss +6 -0
  68. package/SCSS-Themes/image-editor/image-editor/fluent.scss +6 -0
  69. package/SCSS-Themes/image-editor/image-editor/highcontrast.scss +6 -0
  70. package/SCSS-Themes/image-editor/image-editor/material-dark.scss +6 -0
  71. package/SCSS-Themes/image-editor/image-editor/material.scss +6 -0
  72. package/SCSS-Themes/image-editor/image-editor/material3-dark.scss +6 -0
  73. package/SCSS-Themes/image-editor/image-editor/material3.scss +6 -0
  74. package/SCSS-Themes/image-editor/image-editor/tailwind-dark.scss +6 -0
  75. package/SCSS-Themes/image-editor/image-editor/tailwind.scss +6 -0
  76. package/SCSS-Themes/material-dark.scss +155 -35
  77. package/SCSS-Themes/material.scss +154 -34
  78. package/SCSS-Themes/material3-dark.scss +153 -36
  79. package/SCSS-Themes/material3.scss +153 -36
  80. package/SCSS-Themes/navigations/treeview/bootstrap-dark.scss +4 -1
  81. package/SCSS-Themes/navigations/treeview/bootstrap.scss +4 -1
  82. package/SCSS-Themes/navigations/treeview/bootstrap4.scss +4 -1
  83. package/SCSS-Themes/navigations/treeview/bootstrap5-dark.scss +4 -1
  84. package/SCSS-Themes/navigations/treeview/bootstrap5.scss +4 -1
  85. package/SCSS-Themes/navigations/treeview/fabric-dark.scss +4 -1
  86. package/SCSS-Themes/navigations/treeview/fabric.scss +4 -1
  87. package/SCSS-Themes/navigations/treeview/fluent-dark.scss +4 -1
  88. package/SCSS-Themes/navigations/treeview/fluent.scss +4 -1
  89. package/SCSS-Themes/navigations/treeview/highcontrast.scss +4 -1
  90. package/SCSS-Themes/navigations/treeview/material-dark.scss +4 -1
  91. package/SCSS-Themes/navigations/treeview/material.scss +4 -1
  92. package/SCSS-Themes/navigations/treeview/material3-dark.scss +4 -1
  93. package/SCSS-Themes/navigations/treeview/material3.scss +4 -1
  94. package/SCSS-Themes/navigations/treeview/tailwind-dark.scss +4 -1
  95. package/SCSS-Themes/navigations/treeview/tailwind.scss +4 -1
  96. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap-dark.scss +21 -9
  97. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap.scss +21 -9
  98. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap4.scss +21 -9
  99. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap5-dark.scss +21 -9
  100. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap5.scss +21 -9
  101. package/SCSS-Themes/pdfviewer/pdfviewer/fabric-dark.scss +21 -9
  102. package/SCSS-Themes/pdfviewer/pdfviewer/fabric.scss +21 -9
  103. package/SCSS-Themes/pdfviewer/pdfviewer/fluent-dark.scss +21 -9
  104. package/SCSS-Themes/pdfviewer/pdfviewer/fluent.scss +21 -9
  105. package/SCSS-Themes/pdfviewer/pdfviewer/highcontrast.scss +21 -9
  106. package/SCSS-Themes/pdfviewer/pdfviewer/material-dark.scss +21 -9
  107. package/SCSS-Themes/pdfviewer/pdfviewer/material.scss +21 -9
  108. package/SCSS-Themes/pdfviewer/pdfviewer/material3-dark.scss +22 -9
  109. package/SCSS-Themes/pdfviewer/pdfviewer/material3.scss +22 -9
  110. package/SCSS-Themes/pdfviewer/pdfviewer/tailwind-dark.scss +21 -9
  111. package/SCSS-Themes/pdfviewer/pdfviewer/tailwind.scss +21 -9
  112. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap-dark.scss +3 -9
  113. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap.scss +3 -9
  114. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap4.scss +3 -9
  115. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap5-dark.scss +3 -9
  116. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap5.scss +3 -9
  117. package/SCSS-Themes/pivotview/pivotfieldlist/fabric-dark.scss +3 -9
  118. package/SCSS-Themes/pivotview/pivotfieldlist/fabric.scss +3 -9
  119. package/SCSS-Themes/pivotview/pivotfieldlist/fluent-dark.scss +3 -9
  120. package/SCSS-Themes/pivotview/pivotfieldlist/fluent.scss +3 -9
  121. package/SCSS-Themes/pivotview/pivotfieldlist/highcontrast.scss +3 -9
  122. package/SCSS-Themes/pivotview/pivotfieldlist/material-dark.scss +3 -9
  123. package/SCSS-Themes/pivotview/pivotfieldlist/material.scss +3 -9
  124. package/SCSS-Themes/pivotview/pivotfieldlist/material3-dark.scss +3 -9
  125. package/SCSS-Themes/pivotview/pivotfieldlist/material3.scss +3 -9
  126. package/SCSS-Themes/pivotview/pivotfieldlist/tailwind-dark.scss +3 -9
  127. package/SCSS-Themes/pivotview/pivotfieldlist/tailwind.scss +3 -9
  128. package/SCSS-Themes/pivotview/pivotview/bootstrap-dark.scss +15 -1
  129. package/SCSS-Themes/pivotview/pivotview/bootstrap.scss +15 -1
  130. package/SCSS-Themes/pivotview/pivotview/bootstrap4.scss +15 -1
  131. package/SCSS-Themes/pivotview/pivotview/bootstrap5-dark.scss +15 -1
  132. package/SCSS-Themes/pivotview/pivotview/bootstrap5.scss +15 -1
  133. package/SCSS-Themes/pivotview/pivotview/fabric-dark.scss +15 -1
  134. package/SCSS-Themes/pivotview/pivotview/fabric.scss +15 -1
  135. package/SCSS-Themes/pivotview/pivotview/fluent-dark.scss +15 -1
  136. package/SCSS-Themes/pivotview/pivotview/fluent.scss +15 -1
  137. package/SCSS-Themes/pivotview/pivotview/highcontrast.scss +15 -1
  138. package/SCSS-Themes/pivotview/pivotview/material-dark.scss +15 -1
  139. package/SCSS-Themes/pivotview/pivotview/material.scss +15 -1
  140. package/SCSS-Themes/pivotview/pivotview/material3-dark.scss +15 -1
  141. package/SCSS-Themes/pivotview/pivotview/material3.scss +15 -1
  142. package/SCSS-Themes/pivotview/pivotview/tailwind-dark.scss +15 -1
  143. package/SCSS-Themes/pivotview/pivotview/tailwind.scss +15 -1
  144. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap-dark.scss +2 -2
  145. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap.scss +2 -2
  146. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap4.scss +2 -2
  147. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap5-dark.scss +2 -2
  148. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap5.scss +2 -2
  149. package/SCSS-Themes/richtexteditor/rich-text-editor/fabric-dark.scss +2 -2
  150. package/SCSS-Themes/richtexteditor/rich-text-editor/fabric.scss +2 -2
  151. package/SCSS-Themes/richtexteditor/rich-text-editor/fluent-dark.scss +2 -2
  152. package/SCSS-Themes/richtexteditor/rich-text-editor/fluent.scss +2 -2
  153. package/SCSS-Themes/richtexteditor/rich-text-editor/highcontrast.scss +2 -2
  154. package/SCSS-Themes/richtexteditor/rich-text-editor/material-dark.scss +2 -2
  155. package/SCSS-Themes/richtexteditor/rich-text-editor/material.scss +2 -2
  156. package/SCSS-Themes/richtexteditor/rich-text-editor/material3-dark.scss +2 -2
  157. package/SCSS-Themes/richtexteditor/rich-text-editor/material3.scss +2 -2
  158. package/SCSS-Themes/richtexteditor/rich-text-editor/tailwind-dark.scss +2 -2
  159. package/SCSS-Themes/richtexteditor/rich-text-editor/tailwind.scss +2 -2
  160. package/SCSS-Themes/tailwind-dark.scss +154 -36
  161. package/SCSS-Themes/tailwind.scss +154 -36
  162. package/package.json +1 -1
@@ -1826,6 +1826,9 @@ $field-list-device-footer-button-box-shadow: $shadow-lg !default;
1826
1826
  @if ($skin-name == 'FluentUI') {
1827
1827
  border-top: 0;
1828
1828
  }
1829
+ @if ($skin-name == 'fabric') or ($skin-name == 'fabric-dark') or ($skin-name =='highcontrast') or ($skin-name =='highcontrast-light') {
1830
+ padding: $field-list-editor-dialog-footer-padding;
1831
+ }
1829
1832
  }
1830
1833
 
1831
1834
  .e-dlg-content {
@@ -1974,15 +1977,6 @@ $field-list-device-footer-button-box-shadow: $shadow-lg !default;
1974
1977
  padding: 9px 10px;
1975
1978
  }
1976
1979
 
1977
- .e-text-content {
1978
- .e-list-text {
1979
- line-height: 1.5em;
1980
- // @if ($field-list-skin == 'bootstrap4') {
1981
- // line-height: 0;
1982
- // }
1983
- }
1984
- }
1985
-
1986
1980
  &.e-drag-restrict {
1987
1981
  .e-no-drop {
1988
1982
  &::before {
@@ -1826,6 +1826,9 @@ $field-list-device-footer-button-box-shadow: $shadow-lg !default;
1826
1826
  @if ($skin-name == 'FluentUI') {
1827
1827
  border-top: 0;
1828
1828
  }
1829
+ @if ($skin-name == 'fabric') or ($skin-name == 'fabric-dark') or ($skin-name =='highcontrast') or ($skin-name =='highcontrast-light') {
1830
+ padding: $field-list-editor-dialog-footer-padding;
1831
+ }
1829
1832
  }
1830
1833
 
1831
1834
  .e-dlg-content {
@@ -1974,15 +1977,6 @@ $field-list-device-footer-button-box-shadow: $shadow-lg !default;
1974
1977
  padding: 9px 10px;
1975
1978
  }
1976
1979
 
1977
- .e-text-content {
1978
- .e-list-text {
1979
- line-height: 1.5em;
1980
- // @if ($field-list-skin == 'bootstrap4') {
1981
- // line-height: 0;
1982
- // }
1983
- }
1984
- }
1985
-
1986
1980
  &.e-drag-restrict {
1987
1981
  .e-no-drop {
1988
1982
  &::before {
@@ -1819,6 +1819,9 @@ $field-list-adaptive-outerdiv-height: 179px !default;
1819
1819
  @if ($skin-name == 'FluentUI') {
1820
1820
  border-top: 0;
1821
1821
  }
1822
+ @if ($skin-name == 'fabric') or ($skin-name == 'fabric-dark') or ($skin-name =='highcontrast') or ($skin-name =='highcontrast-light') {
1823
+ padding: $field-list-editor-dialog-footer-padding;
1824
+ }
1822
1825
  }
1823
1826
 
1824
1827
  .e-dlg-content {
@@ -1967,15 +1970,6 @@ $field-list-adaptive-outerdiv-height: 179px !default;
1967
1970
  padding: 9px 10px;
1968
1971
  }
1969
1972
 
1970
- .e-text-content {
1971
- .e-list-text {
1972
- line-height: 1.5em;
1973
- // @if ($field-list-skin == 'bootstrap4') {
1974
- // line-height: 0;
1975
- // }
1976
- }
1977
- }
1978
-
1979
1973
  &.e-drag-restrict {
1980
1974
  .e-no-drop {
1981
1975
  &::before {
@@ -1819,6 +1819,9 @@ $field-list-adaptive-outerdiv-height: 179px !default;
1819
1819
  @if ($skin-name == 'FluentUI') {
1820
1820
  border-top: 0;
1821
1821
  }
1822
+ @if ($skin-name == 'fabric') or ($skin-name == 'fabric-dark') or ($skin-name =='highcontrast') or ($skin-name =='highcontrast-light') {
1823
+ padding: $field-list-editor-dialog-footer-padding;
1824
+ }
1822
1825
  }
1823
1826
 
1824
1827
  .e-dlg-content {
@@ -1967,15 +1970,6 @@ $field-list-adaptive-outerdiv-height: 179px !default;
1967
1970
  padding: 9px 10px;
1968
1971
  }
1969
1972
 
1970
- .e-text-content {
1971
- .e-list-text {
1972
- line-height: 1.5em;
1973
- // @if ($field-list-skin == 'bootstrap4') {
1974
- // line-height: 0;
1975
- // }
1976
- }
1977
- }
1978
-
1979
1973
  &.e-drag-restrict {
1980
1974
  .e-no-drop {
1981
1975
  &::before {
@@ -1404,12 +1404,15 @@ $pivotpager-single-size-title-padding: 8px !default;
1404
1404
  .e-pivotcell-container {
1405
1405
  align-items: center;
1406
1406
  display: flex;
1407
+ max-height: inherit;
1407
1408
 
1408
1409
  .e-stackedheadertext,
1409
1410
  .e-headertext {
1410
1411
  &.e-cellvalue {
1412
+ align-self: stretch;
1411
1413
  overflow: hidden;
1412
1414
  text-overflow: ellipsis;
1415
+ width: 100%;
1413
1416
  }
1414
1417
  }
1415
1418
 
@@ -1713,6 +1716,7 @@ $pivotpager-single-size-title-padding: 8px !default;
1713
1716
  font-size: 20px;
1714
1717
  text-align: center;
1715
1718
  padding: 10%;
1719
+ pointer-events: none;
1716
1720
 
1717
1721
  &.e-hide-loader {
1718
1722
  display: none;
@@ -2155,6 +2159,13 @@ $pivotpager-single-size-title-padding: 8px !default;
2155
2159
  width: 100%;
2156
2160
  }
2157
2161
 
2162
+ th.e-group-row .e-axis-row {
2163
+ display: inline-block;
2164
+ height: 100%;
2165
+ vertical-align: top;
2166
+ width: 100%;
2167
+ }
2168
+
2158
2169
  /* stylelint-disable */
2159
2170
  .e-group-row {
2160
2171
  padding: 0 !important;
@@ -2363,7 +2374,10 @@ $pivotpager-single-size-title-padding: 8px !default;
2363
2374
  th .e-expand,
2364
2375
  th .e-collapse {
2365
2376
  font-size: $pivotgrid-expcoldiv-fontsize !important;
2366
- margin-left: 0px;
2377
+ margin-left: 0;
2378
+ @if ($skin-name == 'bootstrap4') {
2379
+ display: flex;
2380
+ }
2367
2381
  }
2368
2382
 
2369
2383
  /* stylelint-enable */
@@ -1401,12 +1401,15 @@ $pivotpager-single-size-title-padding: 8px !default;
1401
1401
  .e-pivotcell-container {
1402
1402
  align-items: center;
1403
1403
  display: flex;
1404
+ max-height: inherit;
1404
1405
 
1405
1406
  .e-stackedheadertext,
1406
1407
  .e-headertext {
1407
1408
  &.e-cellvalue {
1409
+ align-self: stretch;
1408
1410
  overflow: hidden;
1409
1411
  text-overflow: ellipsis;
1412
+ width: 100%;
1410
1413
  }
1411
1414
  }
1412
1415
 
@@ -1710,6 +1713,7 @@ $pivotpager-single-size-title-padding: 8px !default;
1710
1713
  font-size: 20px;
1711
1714
  text-align: center;
1712
1715
  padding: 10%;
1716
+ pointer-events: none;
1713
1717
 
1714
1718
  &.e-hide-loader {
1715
1719
  display: none;
@@ -2152,6 +2156,13 @@ $pivotpager-single-size-title-padding: 8px !default;
2152
2156
  width: 100%;
2153
2157
  }
2154
2158
 
2159
+ th.e-group-row .e-axis-row {
2160
+ display: inline-block;
2161
+ height: 100%;
2162
+ vertical-align: top;
2163
+ width: 100%;
2164
+ }
2165
+
2155
2166
  /* stylelint-disable */
2156
2167
  .e-group-row {
2157
2168
  padding: 0 !important;
@@ -2360,7 +2371,10 @@ $pivotpager-single-size-title-padding: 8px !default;
2360
2371
  th .e-expand,
2361
2372
  th .e-collapse {
2362
2373
  font-size: $pivotgrid-expcoldiv-fontsize !important;
2363
- margin-left: 0px;
2374
+ margin-left: 0;
2375
+ @if ($skin-name == 'bootstrap4') {
2376
+ display: flex;
2377
+ }
2364
2378
  }
2365
2379
 
2366
2380
  /* stylelint-enable */
@@ -1401,12 +1401,15 @@ $pivotpager-single-size-title-padding: 8px !default;
1401
1401
  .e-pivotcell-container {
1402
1402
  align-items: center;
1403
1403
  display: flex;
1404
+ max-height: inherit;
1404
1405
 
1405
1406
  .e-stackedheadertext,
1406
1407
  .e-headertext {
1407
1408
  &.e-cellvalue {
1409
+ align-self: stretch;
1408
1410
  overflow: hidden;
1409
1411
  text-overflow: ellipsis;
1412
+ width: 100%;
1410
1413
  }
1411
1414
  }
1412
1415
 
@@ -1710,6 +1713,7 @@ $pivotpager-single-size-title-padding: 8px !default;
1710
1713
  font-size: 20px;
1711
1714
  text-align: center;
1712
1715
  padding: 10%;
1716
+ pointer-events: none;
1713
1717
 
1714
1718
  &.e-hide-loader {
1715
1719
  display: none;
@@ -2152,6 +2156,13 @@ $pivotpager-single-size-title-padding: 8px !default;
2152
2156
  width: 100%;
2153
2157
  }
2154
2158
 
2159
+ th.e-group-row .e-axis-row {
2160
+ display: inline-block;
2161
+ height: 100%;
2162
+ vertical-align: top;
2163
+ width: 100%;
2164
+ }
2165
+
2155
2166
  /* stylelint-disable */
2156
2167
  .e-group-row {
2157
2168
  padding: 0 !important;
@@ -2360,7 +2371,10 @@ $pivotpager-single-size-title-padding: 8px !default;
2360
2371
  th .e-expand,
2361
2372
  th .e-collapse {
2362
2373
  font-size: $pivotgrid-expcoldiv-fontsize !important;
2363
- margin-left: 0px;
2374
+ margin-left: 0;
2375
+ @if ($skin-name == 'bootstrap4') {
2376
+ display: flex;
2377
+ }
2364
2378
  }
2365
2379
 
2366
2380
  /* stylelint-enable */
@@ -1406,12 +1406,15 @@ $pivotpager-single-size-title-padding: 8px !default;
1406
1406
  .e-pivotcell-container {
1407
1407
  align-items: center;
1408
1408
  display: flex;
1409
+ max-height: inherit;
1409
1410
 
1410
1411
  .e-stackedheadertext,
1411
1412
  .e-headertext {
1412
1413
  &.e-cellvalue {
1414
+ align-self: stretch;
1413
1415
  overflow: hidden;
1414
1416
  text-overflow: ellipsis;
1417
+ width: 100%;
1415
1418
  }
1416
1419
  }
1417
1420
 
@@ -1715,6 +1718,7 @@ $pivotpager-single-size-title-padding: 8px !default;
1715
1718
  font-size: 20px;
1716
1719
  text-align: center;
1717
1720
  padding: 10%;
1721
+ pointer-events: none;
1718
1722
 
1719
1723
  &.e-hide-loader {
1720
1724
  display: none;
@@ -2157,6 +2161,13 @@ $pivotpager-single-size-title-padding: 8px !default;
2157
2161
  width: 100%;
2158
2162
  }
2159
2163
 
2164
+ th.e-group-row .e-axis-row {
2165
+ display: inline-block;
2166
+ height: 100%;
2167
+ vertical-align: top;
2168
+ width: 100%;
2169
+ }
2170
+
2160
2171
  /* stylelint-disable */
2161
2172
  .e-group-row {
2162
2173
  padding: 0 !important;
@@ -2365,7 +2376,10 @@ $pivotpager-single-size-title-padding: 8px !default;
2365
2376
  th .e-expand,
2366
2377
  th .e-collapse {
2367
2378
  font-size: $pivotgrid-expcoldiv-fontsize !important;
2368
- margin-left: 0px;
2379
+ margin-left: 0;
2380
+ @if ($skin-name == 'bootstrap4') {
2381
+ display: flex;
2382
+ }
2369
2383
  }
2370
2384
 
2371
2385
  /* stylelint-enable */
@@ -1406,12 +1406,15 @@ $pivotpager-single-size-title-padding: 8px !default;
1406
1406
  .e-pivotcell-container {
1407
1407
  align-items: center;
1408
1408
  display: flex;
1409
+ max-height: inherit;
1409
1410
 
1410
1411
  .e-stackedheadertext,
1411
1412
  .e-headertext {
1412
1413
  &.e-cellvalue {
1414
+ align-self: stretch;
1413
1415
  overflow: hidden;
1414
1416
  text-overflow: ellipsis;
1417
+ width: 100%;
1415
1418
  }
1416
1419
  }
1417
1420
 
@@ -1715,6 +1718,7 @@ $pivotpager-single-size-title-padding: 8px !default;
1715
1718
  font-size: 20px;
1716
1719
  text-align: center;
1717
1720
  padding: 10%;
1721
+ pointer-events: none;
1718
1722
 
1719
1723
  &.e-hide-loader {
1720
1724
  display: none;
@@ -2157,6 +2161,13 @@ $pivotpager-single-size-title-padding: 8px !default;
2157
2161
  width: 100%;
2158
2162
  }
2159
2163
 
2164
+ th.e-group-row .e-axis-row {
2165
+ display: inline-block;
2166
+ height: 100%;
2167
+ vertical-align: top;
2168
+ width: 100%;
2169
+ }
2170
+
2160
2171
  /* stylelint-disable */
2161
2172
  .e-group-row {
2162
2173
  padding: 0 !important;
@@ -2365,7 +2376,10 @@ $pivotpager-single-size-title-padding: 8px !default;
2365
2376
  th .e-expand,
2366
2377
  th .e-collapse {
2367
2378
  font-size: $pivotgrid-expcoldiv-fontsize !important;
2368
- margin-left: 0px;
2379
+ margin-left: 0;
2380
+ @if ($skin-name == 'bootstrap4') {
2381
+ display: flex;
2382
+ }
2369
2383
  }
2370
2384
 
2371
2385
  /* stylelint-enable */
@@ -1403,12 +1403,15 @@ $pivotpager-single-size-title-padding: 4px !default;
1403
1403
  .e-pivotcell-container {
1404
1404
  align-items: center;
1405
1405
  display: flex;
1406
+ max-height: inherit;
1406
1407
 
1407
1408
  .e-stackedheadertext,
1408
1409
  .e-headertext {
1409
1410
  &.e-cellvalue {
1411
+ align-self: stretch;
1410
1412
  overflow: hidden;
1411
1413
  text-overflow: ellipsis;
1414
+ width: 100%;
1412
1415
  }
1413
1416
  }
1414
1417
 
@@ -1712,6 +1715,7 @@ $pivotpager-single-size-title-padding: 4px !default;
1712
1715
  font-size: 20px;
1713
1716
  text-align: center;
1714
1717
  padding: 10%;
1718
+ pointer-events: none;
1715
1719
 
1716
1720
  &.e-hide-loader {
1717
1721
  display: none;
@@ -2154,6 +2158,13 @@ $pivotpager-single-size-title-padding: 4px !default;
2154
2158
  width: 100%;
2155
2159
  }
2156
2160
 
2161
+ th.e-group-row .e-axis-row {
2162
+ display: inline-block;
2163
+ height: 100%;
2164
+ vertical-align: top;
2165
+ width: 100%;
2166
+ }
2167
+
2157
2168
  /* stylelint-disable */
2158
2169
  .e-group-row {
2159
2170
  padding: 0 !important;
@@ -2362,7 +2373,10 @@ $pivotpager-single-size-title-padding: 4px !default;
2362
2373
  th .e-expand,
2363
2374
  th .e-collapse {
2364
2375
  font-size: $pivotgrid-expcoldiv-fontsize !important;
2365
- margin-left: 0px;
2376
+ margin-left: 0;
2377
+ @if ($skin-name == 'bootstrap4') {
2378
+ display: flex;
2379
+ }
2366
2380
  }
2367
2381
 
2368
2382
  /* stylelint-enable */
@@ -1400,12 +1400,15 @@ $pivotpager-single-size-title-padding: 4px !default;
1400
1400
  .e-pivotcell-container {
1401
1401
  align-items: center;
1402
1402
  display: flex;
1403
+ max-height: inherit;
1403
1404
 
1404
1405
  .e-stackedheadertext,
1405
1406
  .e-headertext {
1406
1407
  &.e-cellvalue {
1408
+ align-self: stretch;
1407
1409
  overflow: hidden;
1408
1410
  text-overflow: ellipsis;
1411
+ width: 100%;
1409
1412
  }
1410
1413
  }
1411
1414
 
@@ -1709,6 +1712,7 @@ $pivotpager-single-size-title-padding: 4px !default;
1709
1712
  font-size: 20px;
1710
1713
  text-align: center;
1711
1714
  padding: 10%;
1715
+ pointer-events: none;
1712
1716
 
1713
1717
  &.e-hide-loader {
1714
1718
  display: none;
@@ -2151,6 +2155,13 @@ $pivotpager-single-size-title-padding: 4px !default;
2151
2155
  width: 100%;
2152
2156
  }
2153
2157
 
2158
+ th.e-group-row .e-axis-row {
2159
+ display: inline-block;
2160
+ height: 100%;
2161
+ vertical-align: top;
2162
+ width: 100%;
2163
+ }
2164
+
2154
2165
  /* stylelint-disable */
2155
2166
  .e-group-row {
2156
2167
  padding: 0 !important;
@@ -2359,7 +2370,10 @@ $pivotpager-single-size-title-padding: 4px !default;
2359
2370
  th .e-expand,
2360
2371
  th .e-collapse {
2361
2372
  font-size: $pivotgrid-expcoldiv-fontsize !important;
2362
- margin-left: 0px;
2373
+ margin-left: 0;
2374
+ @if ($skin-name == 'bootstrap4') {
2375
+ display: flex;
2376
+ }
2363
2377
  }
2364
2378
 
2365
2379
  /* stylelint-enable */
@@ -1406,12 +1406,15 @@ $pivotpager-single-size-title-padding: 8px !default;
1406
1406
  .e-pivotcell-container {
1407
1407
  align-items: center;
1408
1408
  display: flex;
1409
+ max-height: inherit;
1409
1410
 
1410
1411
  .e-stackedheadertext,
1411
1412
  .e-headertext {
1412
1413
  &.e-cellvalue {
1414
+ align-self: stretch;
1413
1415
  overflow: hidden;
1414
1416
  text-overflow: ellipsis;
1417
+ width: 100%;
1415
1418
  }
1416
1419
  }
1417
1420
 
@@ -1715,6 +1718,7 @@ $pivotpager-single-size-title-padding: 8px !default;
1715
1718
  font-size: 20px;
1716
1719
  text-align: center;
1717
1720
  padding: 10%;
1721
+ pointer-events: none;
1718
1722
 
1719
1723
  &.e-hide-loader {
1720
1724
  display: none;
@@ -2157,6 +2161,13 @@ $pivotpager-single-size-title-padding: 8px !default;
2157
2161
  width: 100%;
2158
2162
  }
2159
2163
 
2164
+ th.e-group-row .e-axis-row {
2165
+ display: inline-block;
2166
+ height: 100%;
2167
+ vertical-align: top;
2168
+ width: 100%;
2169
+ }
2170
+
2160
2171
  /* stylelint-disable */
2161
2172
  .e-group-row {
2162
2173
  padding: 0 !important;
@@ -2365,7 +2376,10 @@ $pivotpager-single-size-title-padding: 8px !default;
2365
2376
  th .e-expand,
2366
2377
  th .e-collapse {
2367
2378
  font-size: $pivotgrid-expcoldiv-fontsize !important;
2368
- margin-left: 0px;
2379
+ margin-left: 0;
2380
+ @if ($skin-name == 'bootstrap4') {
2381
+ display: flex;
2382
+ }
2369
2383
  }
2370
2384
 
2371
2385
  /* stylelint-enable */
@@ -1406,12 +1406,15 @@ $pivotpager-single-size-title-padding: 8px !default;
1406
1406
  .e-pivotcell-container {
1407
1407
  align-items: center;
1408
1408
  display: flex;
1409
+ max-height: inherit;
1409
1410
 
1410
1411
  .e-stackedheadertext,
1411
1412
  .e-headertext {
1412
1413
  &.e-cellvalue {
1414
+ align-self: stretch;
1413
1415
  overflow: hidden;
1414
1416
  text-overflow: ellipsis;
1417
+ width: 100%;
1415
1418
  }
1416
1419
  }
1417
1420
 
@@ -1715,6 +1718,7 @@ $pivotpager-single-size-title-padding: 8px !default;
1715
1718
  font-size: 20px;
1716
1719
  text-align: center;
1717
1720
  padding: 10%;
1721
+ pointer-events: none;
1718
1722
 
1719
1723
  &.e-hide-loader {
1720
1724
  display: none;
@@ -2157,6 +2161,13 @@ $pivotpager-single-size-title-padding: 8px !default;
2157
2161
  width: 100%;
2158
2162
  }
2159
2163
 
2164
+ th.e-group-row .e-axis-row {
2165
+ display: inline-block;
2166
+ height: 100%;
2167
+ vertical-align: top;
2168
+ width: 100%;
2169
+ }
2170
+
2160
2171
  /* stylelint-disable */
2161
2172
  .e-group-row {
2162
2173
  padding: 0 !important;
@@ -2365,7 +2376,10 @@ $pivotpager-single-size-title-padding: 8px !default;
2365
2376
  th .e-expand,
2366
2377
  th .e-collapse {
2367
2378
  font-size: $pivotgrid-expcoldiv-fontsize !important;
2368
- margin-left: 0px;
2379
+ margin-left: 0;
2380
+ @if ($skin-name == 'bootstrap4') {
2381
+ display: flex;
2382
+ }
2369
2383
  }
2370
2384
 
2371
2385
  /* stylelint-enable */
@@ -1399,12 +1399,15 @@ $pivotpager-single-size-title-padding: 4px !default;
1399
1399
  .e-pivotcell-container {
1400
1400
  align-items: center;
1401
1401
  display: flex;
1402
+ max-height: inherit;
1402
1403
 
1403
1404
  .e-stackedheadertext,
1404
1405
  .e-headertext {
1405
1406
  &.e-cellvalue {
1407
+ align-self: stretch;
1406
1408
  overflow: hidden;
1407
1409
  text-overflow: ellipsis;
1410
+ width: 100%;
1408
1411
  }
1409
1412
  }
1410
1413
 
@@ -1708,6 +1711,7 @@ $pivotpager-single-size-title-padding: 4px !default;
1708
1711
  font-size: 20px;
1709
1712
  text-align: center;
1710
1713
  padding: 10%;
1714
+ pointer-events: none;
1711
1715
 
1712
1716
  &.e-hide-loader {
1713
1717
  display: none;
@@ -2150,6 +2154,13 @@ $pivotpager-single-size-title-padding: 4px !default;
2150
2154
  width: 100%;
2151
2155
  }
2152
2156
 
2157
+ th.e-group-row .e-axis-row {
2158
+ display: inline-block;
2159
+ height: 100%;
2160
+ vertical-align: top;
2161
+ width: 100%;
2162
+ }
2163
+
2153
2164
  /* stylelint-disable */
2154
2165
  .e-group-row {
2155
2166
  padding: 0 !important;
@@ -2358,7 +2369,10 @@ $pivotpager-single-size-title-padding: 4px !default;
2358
2369
  th .e-expand,
2359
2370
  th .e-collapse {
2360
2371
  font-size: $pivotgrid-expcoldiv-fontsize !important;
2361
- margin-left: 0px;
2372
+ margin-left: 0;
2373
+ @if ($skin-name == 'bootstrap4') {
2374
+ display: flex;
2375
+ }
2362
2376
  }
2363
2377
 
2364
2378
  /* stylelint-enable */
@@ -1407,12 +1407,15 @@ $pivotpager-single-size-title-padding: 14px !default;
1407
1407
  .e-pivotcell-container {
1408
1408
  align-items: center;
1409
1409
  display: flex;
1410
+ max-height: inherit;
1410
1411
 
1411
1412
  .e-stackedheadertext,
1412
1413
  .e-headertext {
1413
1414
  &.e-cellvalue {
1415
+ align-self: stretch;
1414
1416
  overflow: hidden;
1415
1417
  text-overflow: ellipsis;
1418
+ width: 100%;
1416
1419
  }
1417
1420
  }
1418
1421
 
@@ -1716,6 +1719,7 @@ $pivotpager-single-size-title-padding: 14px !default;
1716
1719
  font-size: 20px;
1717
1720
  text-align: center;
1718
1721
  padding: 10%;
1722
+ pointer-events: none;
1719
1723
 
1720
1724
  &.e-hide-loader {
1721
1725
  display: none;
@@ -2158,6 +2162,13 @@ $pivotpager-single-size-title-padding: 14px !default;
2158
2162
  width: 100%;
2159
2163
  }
2160
2164
 
2165
+ th.e-group-row .e-axis-row {
2166
+ display: inline-block;
2167
+ height: 100%;
2168
+ vertical-align: top;
2169
+ width: 100%;
2170
+ }
2171
+
2161
2172
  /* stylelint-disable */
2162
2173
  .e-group-row {
2163
2174
  padding: 0 !important;
@@ -2366,7 +2377,10 @@ $pivotpager-single-size-title-padding: 14px !default;
2366
2377
  th .e-expand,
2367
2378
  th .e-collapse {
2368
2379
  font-size: $pivotgrid-expcoldiv-fontsize !important;
2369
- margin-left: 0px;
2380
+ margin-left: 0;
2381
+ @if ($skin-name == 'bootstrap4') {
2382
+ display: flex;
2383
+ }
2370
2384
  }
2371
2385
 
2372
2386
  /* stylelint-enable */
@@ -1403,12 +1403,15 @@ $pivotpager-single-size-title-padding: 14px !default;
1403
1403
  .e-pivotcell-container {
1404
1404
  align-items: center;
1405
1405
  display: flex;
1406
+ max-height: inherit;
1406
1407
 
1407
1408
  .e-stackedheadertext,
1408
1409
  .e-headertext {
1409
1410
  &.e-cellvalue {
1411
+ align-self: stretch;
1410
1412
  overflow: hidden;
1411
1413
  text-overflow: ellipsis;
1414
+ width: 100%;
1412
1415
  }
1413
1416
  }
1414
1417
 
@@ -1712,6 +1715,7 @@ $pivotpager-single-size-title-padding: 14px !default;
1712
1715
  font-size: 20px;
1713
1716
  text-align: center;
1714
1717
  padding: 10%;
1718
+ pointer-events: none;
1715
1719
 
1716
1720
  &.e-hide-loader {
1717
1721
  display: none;
@@ -2154,6 +2158,13 @@ $pivotpager-single-size-title-padding: 14px !default;
2154
2158
  width: 100%;
2155
2159
  }
2156
2160
 
2161
+ th.e-group-row .e-axis-row {
2162
+ display: inline-block;
2163
+ height: 100%;
2164
+ vertical-align: top;
2165
+ width: 100%;
2166
+ }
2167
+
2157
2168
  /* stylelint-disable */
2158
2169
  .e-group-row {
2159
2170
  padding: 0 !important;
@@ -2362,7 +2373,10 @@ $pivotpager-single-size-title-padding: 14px !default;
2362
2373
  th .e-expand,
2363
2374
  th .e-collapse {
2364
2375
  font-size: $pivotgrid-expcoldiv-fontsize !important;
2365
- margin-left: 0px;
2376
+ margin-left: 0;
2377
+ @if ($skin-name == 'bootstrap4') {
2378
+ display: flex;
2379
+ }
2366
2380
  }
2367
2381
 
2368
2382
  /* stylelint-enable */