@syncfusion/ej2-vue-pivotview 19.3.57 → 19.4.38

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 (49) hide show
  1. package/CHANGELOG.md +23 -41
  2. package/dist/ej2-vue-pivotview.umd.min.js +1 -1
  3. package/dist/es6/ej2-vue-pivotview.es2015.js +2 -2
  4. package/dist/es6/ej2-vue-pivotview.es2015.js.map +1 -1
  5. package/dist/es6/ej2-vue-pivotview.es5.js +2 -2
  6. package/dist/es6/ej2-vue-pivotview.es5.js.map +1 -1
  7. package/dist/global/ej2-vue-pivotview.min.js +2 -2
  8. package/package.json +8 -8
  9. package/src/pivotfieldlist/pivotfieldlist.component.js +1 -1
  10. package/src/pivotview/pivotview.component.js +1 -1
  11. package/styles/bootstrap-dark.css +115 -104
  12. package/styles/bootstrap.css +115 -104
  13. package/styles/bootstrap4.css +114 -81
  14. package/styles/bootstrap5-dark.css +220 -168
  15. package/styles/bootstrap5.css +215 -161
  16. package/styles/fabric-dark.css +117 -103
  17. package/styles/fabric.css +115 -102
  18. package/styles/highcontrast-light.css +116 -102
  19. package/styles/highcontrast.css +118 -104
  20. package/styles/material-dark.css +108 -97
  21. package/styles/material.css +108 -97
  22. package/styles/pivotfieldlist/bootstrap-dark.css +49 -58
  23. package/styles/pivotfieldlist/bootstrap.css +49 -58
  24. package/styles/pivotfieldlist/bootstrap4.css +44 -39
  25. package/styles/pivotfieldlist/bootstrap5-dark.css +115 -89
  26. package/styles/pivotfieldlist/bootstrap5.css +115 -89
  27. package/styles/pivotfieldlist/fabric-dark.css +49 -58
  28. package/styles/pivotfieldlist/fabric.css +49 -58
  29. package/styles/pivotfieldlist/highcontrast-light.css +49 -58
  30. package/styles/pivotfieldlist/highcontrast.css +49 -58
  31. package/styles/pivotfieldlist/material-dark.css +44 -53
  32. package/styles/pivotfieldlist/material.css +44 -53
  33. package/styles/pivotfieldlist/tailwind-dark.css +138 -81
  34. package/styles/pivotfieldlist/tailwind.css +140 -83
  35. package/styles/pivotview/bootstrap-dark.css +66 -46
  36. package/styles/pivotview/bootstrap.css +66 -46
  37. package/styles/pivotview/bootstrap4.css +70 -42
  38. package/styles/pivotview/bootstrap5-dark.css +99 -73
  39. package/styles/pivotview/bootstrap5.css +100 -72
  40. package/styles/pivotview/fabric-dark.css +68 -45
  41. package/styles/pivotview/fabric.css +66 -44
  42. package/styles/pivotview/highcontrast-light.css +67 -44
  43. package/styles/pivotview/highcontrast.css +69 -46
  44. package/styles/pivotview/material-dark.css +64 -44
  45. package/styles/pivotview/material.css +64 -44
  46. package/styles/pivotview/tailwind-dark.css +106 -58
  47. package/styles/pivotview/tailwind.css +107 -57
  48. package/styles/tailwind-dark.css +250 -145
  49. package/styles/tailwind.css +247 -140
@@ -213,7 +213,7 @@
213
213
 
214
214
  .e-pivotfieldlist-wrapper .e-selected-option-icon::before,
215
215
  .e-pivotfieldlist-container .e-selected-option-icon::before {
216
- content: '\e774';
216
+ content: '\e72b';
217
217
  }
218
218
 
219
219
  .e-pivotfieldlist-wrapper .e-clear-filter-icon::before,
@@ -223,7 +223,7 @@
223
223
 
224
224
  .e-pivotfieldlist-wrapper .e-dropdown-icon::before,
225
225
  .e-pivotfieldlist-container .e-dropdown-icon::before {
226
- content: '\e70d';
226
+ content: '\e729';
227
227
  }
228
228
 
229
229
  .e-pivotfieldlist-wrapper .e-measureGroupCDB-icon::before,
@@ -451,7 +451,7 @@
451
451
  float: right;
452
452
  padding-right: 12px;
453
453
  padding-top: 12px;
454
- color: #fff !important;
454
+ color: #fff;
455
455
  }
456
456
 
457
457
  .e-pivot-formatting-dialog .e-format-delete-button:hover,
@@ -497,6 +497,23 @@
497
497
  width: 14px;
498
498
  }
499
499
 
500
+ .e-pivot-formatting-dialog .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-btn .e-selected-color:hover,
501
+ .e-pivot-formatting-dialog .e-colorpicker-container .e-split-btn-wrapper .e-split-btn .e-selected-color:hover {
502
+ color: #adb5bd;
503
+ }
504
+
505
+ .e-pivot-formatting-dialog .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-btn,
506
+ .e-pivot-formatting-dialog .e-colorpicker-container .e-split-btn-wrapper .e-split-btn {
507
+ pointer-events: none;
508
+ }
509
+
510
+ .e-pivot-formatting-dialog .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-btn .e-selected-color,
511
+ .e-pivot-formatting-dialog .e-colorpicker-container .e-split-btn-wrapper .e-split-btn .e-selected-color {
512
+ background: none;
513
+ margin: 0 2px;
514
+ width: 14px;
515
+ }
516
+
500
517
  .e-pivot-formatting-dialog .e-split-preview,
501
518
  .e-pivot-formatting-dialog .e-tip-transparent {
502
519
  border: 1px solid #444c54;
@@ -654,6 +671,7 @@
654
671
  .e-pivot-calc-dialog-div .e-olap-member-title {
655
672
  color: #ced4da;
656
673
  font-size: 14px;
674
+ margin-bottom: 4px;
657
675
  margin-top: 15px;
658
676
  overflow: hidden;
659
677
  padding: 4px 0;
@@ -670,10 +688,6 @@
670
688
  opacity: .5;
671
689
  }
672
690
 
673
- .e-pivot-calc-dialog-div .e-treeview .e-node-focus ul li .e-list-icon {
674
- color: #212529;
675
- }
676
-
677
691
  .e-pivot-calc-dialog-div .e-treeview ul {
678
692
  overflow: hidden;
679
693
  }
@@ -686,8 +700,11 @@
686
700
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
687
701
  }
688
702
 
689
- .e-pivot-calc-dialog-div .e-treeview ul li .e-list-icon {
703
+ .e-pivot-calc-dialog-div .e-treeview ul li:not(.e-active) .e-list-icon {
690
704
  color: #adb5bd;
705
+ }
706
+
707
+ .e-pivot-calc-dialog-div .e-treeview ul li .e-list-icon {
691
708
  margin: 0;
692
709
  }
693
710
 
@@ -722,14 +739,16 @@
722
739
  width: 24px;
723
740
  }
724
741
 
725
- .e-pivot-calc-dialog-div .e-treeview .e-list-item span.e-icons {
742
+ .e-pivot-calc-dialog-div .e-treeview .e-list-item:not(.e-active) span.e-icons {
726
743
  color: #adb5bd;
744
+ }
745
+
746
+ .e-pivot-calc-dialog-div .e-treeview .e-list-item span.e-icons {
727
747
  cursor: move;
728
748
  display: inline-block;
729
749
  font-size: 14px;
730
750
  height: 24px;
731
751
  margin-right: 4px;
732
- margin-top: 4px;
733
752
  padding: 5px;
734
753
  pointer-events: auto;
735
754
  width: 24px;
@@ -812,7 +831,6 @@
812
831
  color: #fff;
813
832
  font-size: 13px;
814
833
  height: 70px;
815
- margin-top: 5px;
816
834
  padding: 5px 10px;
817
835
  resize: none;
818
836
  width: 100%;
@@ -836,7 +854,6 @@
836
854
  border: 1px solid #444c54;
837
855
  border-radius: 4px;
838
856
  height: 120px;
839
- margin-top: 5px;
840
857
  overflow: auto;
841
858
  }
842
859
 
@@ -905,7 +922,6 @@
905
922
  cursor: auto;
906
923
  font-size: 14px;
907
924
  width: auto;
908
- color: #212529;
909
925
  }
910
926
 
911
927
  .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-treeview ul .e-list-icon.e-edit {
@@ -1129,8 +1145,8 @@
1129
1145
 
1130
1146
  .e-pivotfieldlist-wrapper .e-adaptive-field-list-dialog,
1131
1147
  .e-pivotfieldlist-wrapper .e-member-editor-dialog {
1132
- max-width: 400px;
1133
- min-width: 320px;
1148
+ max-width: 400px !important;
1149
+ min-width: 320px !important;
1134
1150
  }
1135
1151
 
1136
1152
  .e-pivotfieldlist-wrapper .e-adaptive-field-list-dialog .e-member-prompt,
@@ -1250,23 +1266,11 @@
1250
1266
  margin-left: 10px;
1251
1267
  }
1252
1268
 
1253
- .e-pivotfieldlist-wrapper .e-member-editor-dialog .e-filter-sort .e-member-sort.e-active {
1254
- box-shadow: none !important;
1255
- }
1256
-
1257
1269
  .e-pivotfieldlist-wrapper .e-member-editor-dialog .e-filter-sort .e-member-sort .e-sort-ascend-icon,
1258
1270
  .e-pivotfieldlist-wrapper .e-member-editor-dialog .e-filter-sort .e-member-sort .e-sort-descend-icon {
1259
1271
  font-size: 16px;
1260
1272
  }
1261
1273
 
1262
- .e-pivotfieldlist-wrapper .e-member-editor-dialog .e-filter-sort .e-member-sort:focus.e-active {
1263
- background-color: #adb5bd;
1264
- border-color: transparent;
1265
- color: rgba(206, 212, 218, 0.87);
1266
- outline: none;
1267
- color: #212529;
1268
- }
1269
-
1270
1274
  .e-pivotfieldlist-wrapper .e-member-editor-dialog .e-select-all-wrapper ul {
1271
1275
  margin-left: -22px;
1272
1276
  overflow: hidden;
@@ -1292,6 +1296,7 @@
1292
1296
  height: 14px;
1293
1297
  min-width: 14px;
1294
1298
  width: 14px;
1299
+ height: auto;
1295
1300
  }
1296
1301
 
1297
1302
  .e-pivotfieldlist-wrapper .e-member-editor-dialog .e-filter-tab-wrapper .e-tab-header .e-text-wrap .e-tab-icon::before {
@@ -1410,8 +1415,8 @@
1410
1415
  }
1411
1416
 
1412
1417
  .e-pivotfieldlist-wrapper .e-value-field-settings {
1413
- max-width: 400px;
1414
- min-width: 300px;
1418
+ max-width: 400px !important;
1419
+ min-width: 300px !important;
1415
1420
  }
1416
1421
 
1417
1422
  .e-pivotfieldlist-wrapper .e-value-field-settings .e-dlg-content {
@@ -1480,7 +1485,7 @@
1480
1485
  .e-pivotfieldlist-wrapper .e-member-editor-dialog,
1481
1486
  .e-pivotfieldlist-wrapper .e-value-field-settings {
1482
1487
  border-radius: 4px;
1483
- width: auto;
1488
+ width: auto !important;
1484
1489
  }
1485
1490
 
1486
1491
  .e-pivotfieldlist-wrapper .e-adaptive-field-list-dialog .e-dlg-header-content,
@@ -1549,8 +1554,8 @@
1549
1554
 
1550
1555
  .e-pivotfieldlist-container .e-adaptive-field-list-dialog,
1551
1556
  .e-pivotfieldlist-container .e-member-editor-dialog {
1552
- min-width: 320px;
1553
- max-width: 400px;
1557
+ max-width: 400px !important;
1558
+ min-width: 320px !important;
1554
1559
  }
1555
1560
 
1556
1561
  .e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-member-prompt,
@@ -1671,23 +1676,11 @@
1671
1676
  margin-left: 10px;
1672
1677
  }
1673
1678
 
1674
- .e-pivotfieldlist-container .e-member-editor-dialog .e-filter-sort .e-member-sort.e-active {
1675
- box-shadow: none !important;
1676
- }
1677
-
1678
1679
  .e-pivotfieldlist-container .e-member-editor-dialog .e-filter-sort .e-member-sort .e-sort-ascend-icon,
1679
1680
  .e-pivotfieldlist-container .e-member-editor-dialog .e-filter-sort .e-member-sort .e-sort-descend-icon {
1680
1681
  font-size: 16px;
1681
1682
  }
1682
1683
 
1683
- .e-pivotfieldlist-container .e-member-editor-dialog .e-filter-sort .e-member-sort:focus.e-active {
1684
- background-color: #adb5bd;
1685
- border-color: transparent;
1686
- color: rgba(206, 212, 218, 0.87);
1687
- outline: none;
1688
- color: #212529;
1689
- }
1690
-
1691
1684
  .e-pivotfieldlist-container .e-member-editor-dialog .e-select-all-container ul {
1692
1685
  margin-left: -22px;
1693
1686
  overflow: hidden;
@@ -1702,7 +1695,7 @@
1702
1695
  }
1703
1696
 
1704
1697
  .e-pivotfieldlist-container .e-member-editor-dialog .e-filter-tab-container {
1705
- border: none;
1698
+ border: 0;
1706
1699
  }
1707
1700
 
1708
1701
  .e-pivotfieldlist-container .e-member-editor-dialog .e-filter-tab-container .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text {
@@ -1713,6 +1706,7 @@
1713
1706
  height: 14px;
1714
1707
  min-width: 14px;
1715
1708
  width: 14px;
1709
+ height: auto;
1716
1710
  }
1717
1711
 
1718
1712
  .e-pivotfieldlist-container .e-member-editor-dialog .e-filter-tab-container .e-tab-header .e-text-wrap .e-tab-icon::before {
@@ -1831,8 +1825,8 @@
1831
1825
  }
1832
1826
 
1833
1827
  .e-pivotfieldlist-container .e-value-field-settings {
1834
- max-width: 400px;
1835
- min-width: 300px;
1828
+ max-width: 400px !important;
1829
+ min-width: 300px !important;
1836
1830
  }
1837
1831
 
1838
1832
  .e-pivotfieldlist-container .e-value-field-settings .e-dlg-content {
@@ -1900,7 +1894,7 @@
1900
1894
  .e-pivotfieldlist-container .e-member-editor-dialog,
1901
1895
  .e-pivotfieldlist-container .e-value-field-settings {
1902
1896
  border-radius: 4px;
1903
- width: auto;
1897
+ width: auto !important;
1904
1898
  }
1905
1899
 
1906
1900
  .e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-dlg-header-content,
@@ -1972,14 +1966,18 @@
1972
1966
  background-color: #495057;
1973
1967
  border: 1px solid #495057;
1974
1968
  border-radius: 0;
1975
- box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1);
1976
- height: 28px;
1969
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.1);
1970
+ height: 32px;
1971
+ line-height: 1.15em;
1977
1972
  min-width: 100px;
1978
1973
  padding: 5px 10px;
1974
+ line-height: normal;
1975
+ padding: 0 10px;
1979
1976
  }
1980
1977
 
1981
1978
  .e-field-list-tree.e-drag-item.e-treeview .e-text-content,
1982
1979
  .e-pivot-calc.e-drag-item.e-treeview .e-text-content {
1980
+ height: 100%;
1983
1981
  padding: 0;
1984
1982
  text-align: center;
1985
1983
  width: 100%;
@@ -1991,6 +1989,9 @@
1991
1989
  font-size: 16px;
1992
1990
  line-height: 1em;
1993
1991
  width: 100%;
1992
+ display: inline;
1993
+ line-height: normal;
1994
+ vertical-align: sub;
1994
1995
  }
1995
1996
 
1996
1997
  .e-field-list-tree.e-drag-item.e-treeview .e-text-content > .e-icons,
@@ -2067,7 +2068,7 @@
2067
2068
  background-color: #495057 !important;
2068
2069
  border: 1px solid #495057;
2069
2070
  border-radius: 0;
2070
- box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1);
2071
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.1);
2071
2072
  color: #e9ecef;
2072
2073
  font-size: 16px;
2073
2074
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
@@ -2079,10 +2080,14 @@
2079
2080
  text-align: center;
2080
2081
  width: auto;
2081
2082
  z-index: 100000;
2083
+ line-height: normal;
2084
+ padding: 0 10px;
2082
2085
  }
2083
2086
 
2084
2087
  .e-button-drag-clone .e-text-content {
2085
2088
  width: 100%;
2089
+ display: inline;
2090
+ vertical-align: sub;
2086
2091
  }
2087
2092
 
2088
2093
  .e-bigger .e-button-drag-clone,
@@ -2090,26 +2095,13 @@
2090
2095
  height: 36px !important;
2091
2096
  line-height: 1.5em;
2092
2097
  padding: 6px 12px;
2098
+ line-height: normal;
2099
+ padding: 0 12px;
2093
2100
  }
2094
2101
 
2095
2102
  .e-pivot-error-dialog {
2096
- max-width: 400px;
2097
- width: auto;
2098
- }
2099
-
2100
- .e-pivot-error-dialog .e-dlg-header-content,
2101
- .e-pivot-error-dialog .e-footer-content {
2102
- border: 0;
2103
- }
2104
-
2105
- .e-pivot-error-dialog .e-dlg-header {
2106
- font-weight: normal;
2107
- opacity: 0.87;
2108
- }
2109
-
2110
- .e-pivot-error-dialog .e-dlg-content {
2111
- font-weight: normal;
2112
- opacity: 0.54;
2103
+ max-width: 400px !important;
2104
+ width: auto !important;
2113
2105
  }
2114
2106
 
2115
2107
  .e-bigger .e-pivotfieldlist-wrapper .e-adaptive-field-list-dialog .e-dlg-content .e-member-editor-wrapper .e-member-editor-container-outer-div,
@@ -2193,7 +2185,7 @@
2193
2185
 
2194
2186
  .e-bigger .e-pivotfieldlist-wrapper .e-member-editor-dialog .e-excelfilter .e-member-editor-container-outer-div,
2195
2187
  .e-bigger.e-pivotfieldlist-wrapper .e-member-editor-dialog .e-excelfilter .e-member-editor-container-outer-div {
2196
- height: 117px !important;
2188
+ height: 117px;
2197
2189
  }
2198
2190
 
2199
2191
  .e-bigger .e-pivotfieldlist-wrapper .e-member-editor-dialog .e-label-filter,
@@ -2519,8 +2511,8 @@
2519
2511
  .e-pivotfieldlist .e-select-table {
2520
2512
  background-color: #343a40;
2521
2513
  border: 0.5px solid #495057;
2522
- box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1);
2523
- color: rgba(255, 255, 255, 0.54);
2514
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.1);
2515
+ color: #adb5bd;
2524
2516
  font-size: 17px;
2525
2517
  height: 31px;
2526
2518
  max-height: 31px;
@@ -2534,7 +2526,7 @@
2534
2526
  }
2535
2527
 
2536
2528
  .e-pivotfieldlist .e-select-table.e-fieldlist-left {
2537
- box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1);
2529
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.1);
2538
2530
  }
2539
2531
 
2540
2532
  .e-pivotfieldlist .e-select-table:focus, .e-pivotfieldlist .e-select-table:active {
@@ -2562,8 +2554,8 @@
2562
2554
  .e-pivotfieldlist-wrapper {
2563
2555
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
2564
2556
  font-size: 14px;
2565
- max-width: 700px;
2566
- min-width: 300px;
2557
+ max-width: 700px !important;
2558
+ min-width: 300px !important;
2567
2559
  }
2568
2560
 
2569
2561
  .e-pivotfieldlist-wrapper .e-layout-footer {
@@ -2660,9 +2652,9 @@
2660
2652
  }
2661
2653
 
2662
2654
  .e-pivotfieldlist-wrapper .e-title-header .e-title-content {
2663
- font-size: 16px;
2664
2655
  -ms-flex: auto;
2665
2656
  flex: auto;
2657
+ font-size: 16px;
2666
2658
  }
2667
2659
 
2668
2660
  .e-pivotfieldlist-wrapper .e-field-list-container {
@@ -2696,13 +2688,13 @@
2696
2688
  font-size: 14px;
2697
2689
  font-weight: normal;
2698
2690
  height: 28px;
2691
+ line-height: 1.125em;
2699
2692
  overflow: hidden;
2700
2693
  padding: 6px 0 0 12px;
2701
2694
  text-align: left;
2702
2695
  text-overflow: ellipsis;
2703
- word-break: break-all;
2704
- line-height: 1.125em;
2705
2696
  text-transform: none;
2697
+ word-break: break-all;
2706
2698
  }
2707
2699
 
2708
2700
  .e-pivotfieldlist-wrapper .e-field-list-container .e-field-table .e-field-header-wrapper {
@@ -2887,6 +2879,7 @@
2887
2879
  display: flex;
2888
2880
  height: 28px;
2889
2881
  padding: 2px 12px 5px;
2882
+ border-radius: 3px 3px 0 0;
2890
2883
  }
2891
2884
 
2892
2885
  .e-pivotfieldlist-wrapper .e-field-list-container .e-axis-table .e-left-axis-fields .e-field-list-filters .e-axis-wrapper .e-axis-icon-wrapper,
@@ -2896,6 +2889,7 @@
2896
2889
  height: 20px;
2897
2890
  padding-top: 2px;
2898
2891
  width: 20px;
2892
+ padding-left: 3px;
2899
2893
  }
2900
2894
 
2901
2895
  .e-pivotfieldlist-wrapper .e-field-list-container .e-axis-table .e-left-axis-fields .e-field-list-filters .e-axis-wrapper .e-axis-icon-wrapper .e-axis-rows,
@@ -2930,8 +2924,8 @@
2930
2924
  overflow: hidden;
2931
2925
  padding: 0 8px;
2932
2926
  text-overflow: ellipsis;
2933
- width: 100%;
2934
2927
  text-transform: none;
2928
+ width: 100%;
2935
2929
  margin-top: 3px;
2936
2930
  }
2937
2931
 
@@ -3407,6 +3401,7 @@
3407
3401
  display: inline-block;
3408
3402
  height: 100%;
3409
3403
  width: 100%;
3404
+ line-height: 1.5;
3410
3405
  }
3411
3406
 
3412
3407
  .e-pivotfieldlist-wrapper.e-static .e-field-list-container .e-field-table {
@@ -3453,7 +3448,8 @@
3453
3448
  .e-pivotfieldlist-wrapper.e-static .e-field-list-container .e-axis-table .e-left-axis-fields .e-field-list-rows .e-axis-wrapper .e-axis-icon-wrapper,
3454
3449
  .e-pivotfieldlist-wrapper.e-static .e-field-list-container .e-axis-table .e-right-axis-fields .e-field-list-columns .e-axis-wrapper .e-axis-icon-wrapper,
3455
3450
  .e-pivotfieldlist-wrapper.e-static .e-field-list-container .e-axis-table .e-right-axis-fields .e-field-list-values .e-axis-wrapper .e-axis-icon-wrapper {
3456
- padding-top: 4px;
3451
+ padding-top: 2px;
3452
+ padding-left: 3px;
3457
3453
  }
3458
3454
 
3459
3455
  .e-pivotfieldlist-wrapper.e-static.e-rtl .e-center-title {
@@ -3464,10 +3460,22 @@
3464
3460
  padding-left: 10px;
3465
3461
  }
3466
3462
 
3463
+ .e-pivotfieldlist-wrapper.e-static.e-rtl .e-axis-table .e-left-axis-fields .e-field-list-filters .e-axis-wrapper .e-axis-icon-wrapper,
3464
+ .e-pivotfieldlist-wrapper.e-static.e-rtl .e-axis-table .e-left-axis-fields .e-field-list-rows .e-axis-wrapper .e-axis-icon-wrapper {
3465
+ padding-left: 0;
3466
+ padding-right: 3px;
3467
+ }
3468
+
3467
3469
  .e-pivotfieldlist-wrapper.e-static.e-rtl .e-axis-table .e-right-axis-fields {
3468
3470
  padding: 0;
3469
3471
  }
3470
3472
 
3473
+ .e-pivotfieldlist-wrapper.e-static.e-rtl .e-axis-table .e-right-axis-fields .e-field-list-columns .e-axis-wrapper .e-axis-icon-wrapper,
3474
+ .e-pivotfieldlist-wrapper.e-static.e-rtl .e-axis-table .e-right-axis-fields .e-field-list-values .e-axis-wrapper .e-axis-icon-wrapper {
3475
+ padding-left: 0;
3476
+ padding-right: 3px;
3477
+ }
3478
+
3471
3479
  .e-pivotfieldlist-wrapper.e-device {
3472
3480
  height: 100%;
3473
3481
  max-height: 100% !important;
@@ -3478,7 +3486,7 @@
3478
3486
 
3479
3487
  .e-pivotfieldlist-wrapper.e-device .e-dlg-header-content {
3480
3488
  background-color: #343a40;
3481
- color: rgba(255, 255, 255, 0.87);
3489
+ color: #ced4da;
3482
3490
  font-size: 14px;
3483
3491
  height: 48px;
3484
3492
  padding-bottom: 9px;
@@ -3488,7 +3496,7 @@
3488
3496
  .e-pivotfieldlist-wrapper.e-device .e-adaptive-field-list-dialog .e-dlg-header-content,
3489
3497
  .e-pivotfieldlist-wrapper.e-device .e-member-editor-dialog .e-dlg-header-content {
3490
3498
  background-color: transparent;
3491
- color: rgba(255, 255, 255, 0.87);
3499
+ color: #ced4da;
3492
3500
  }
3493
3501
 
3494
3502
  .e-pivotfieldlist-wrapper.e-device .e-title-mobile-header {
@@ -3501,7 +3509,7 @@
3501
3509
  }
3502
3510
 
3503
3511
  .e-pivotfieldlist-wrapper.e-device .e-field-list-back-icon {
3504
- color: rgba(255, 255, 255, 0.54);
3512
+ color: #adb5bd;
3505
3513
  font-size: 16px;
3506
3514
  height: 24px;
3507
3515
  margin-left: 0;
@@ -4411,8 +4419,8 @@
4411
4419
  overflow: hidden;
4412
4420
  padding: 0 8px;
4413
4421
  text-overflow: ellipsis;
4414
- width: 100%;
4415
4422
  text-transform: none;
4423
+ width: 100%;
4416
4424
  margin-top: 4px;
4417
4425
  }
4418
4426
 
@@ -4934,7 +4942,7 @@
4934
4942
  .e-pivotfieldlist-container.e-static .e-field-list-container .e-axis-table .e-left-axis-fields .e-field-list-rows .e-axis-container .e-axis-icon-container,
4935
4943
  .e-pivotfieldlist-container.e-static .e-field-list-container .e-axis-table .e-right-axis-fields .e-field-list-columns .e-axis-container .e-axis-icon-container,
4936
4944
  .e-pivotfieldlist-container.e-static .e-field-list-container .e-axis-table .e-right-axis-fields .e-field-list-values .e-axis-container .e-axis-icon-container {
4937
- padding-top: 4px;
4945
+ padding-top: 2px;
4938
4946
  }
4939
4947
 
4940
4948
  .e-pivotfieldlist-container.e-static.e-rtl .e-center-title {
@@ -4959,7 +4967,7 @@
4959
4967
 
4960
4968
  .e-pivotfieldlist-container.e-device .e-dlg-header-content {
4961
4969
  background-color: #343a40;
4962
- color: rgba(255, 255, 255, 0.87);
4970
+ color: #ced4da;
4963
4971
  font-size: 14px;
4964
4972
  height: 48px;
4965
4973
  padding-bottom: 9px;
@@ -4969,7 +4977,7 @@
4969
4977
  .e-pivotfieldlist-container.e-device .e-adaptive-field-list-dialog .e-dlg-header-content,
4970
4978
  .e-pivotfieldlist-container.e-device .e-member-editor-dialog .e-dlg-header-content {
4971
4979
  background-color: transparent;
4972
- color: rgba(255, 255, 255, 0.87);
4980
+ color: #ced4da;
4973
4981
  }
4974
4982
 
4975
4983
  .e-pivotfieldlist-container.e-device .e-title-mobile-header {
@@ -4982,7 +4990,7 @@
4982
4990
  }
4983
4991
 
4984
4992
  .e-pivotfieldlist-container.e-device .e-field-list-back-icon {
4985
- color: rgba(255, 255, 255, 0.54);
4993
+ color: #adb5bd;
4986
4994
  font-size: 16px;
4987
4995
  height: 24px;
4988
4996
  margin-left: 0;
@@ -5067,8 +5075,8 @@
5067
5075
  padding: 9px 16px;
5068
5076
  text-transform: none;
5069
5077
  width: 100%;
5070
- color: #fff !important;
5071
- background-color: #212529 !important;
5078
+ background-color: #212529;
5079
+ color: #fff;
5072
5080
  }
5073
5081
 
5074
5082
  .e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-field-list-filters .e-pvt-btn-div .e-pivot-button.e-list-selected,
@@ -5639,6 +5647,7 @@
5639
5647
  height: 24px;
5640
5648
  padding-top: 7px;
5641
5649
  width: 24px;
5650
+ padding-left: 4px;
5642
5651
  }
5643
5652
 
5644
5653
  .e-bigger .e-pivotfieldlist-wrapper .e-axis-table .e-left-axis-fields .e-field-list-filters .e-axis-wrapper .e-axis-icon-wrapper .e-axis-rows,
@@ -5835,6 +5844,7 @@
5835
5844
  .e-bigger.e-pivotfieldlist-wrapper.e-static .e-field-list-container .e-axis-table .e-right-axis-fields .e-field-list-columns .e-axis-wrapper .e-axis-icon-wrapper,
5836
5845
  .e-bigger.e-pivotfieldlist-wrapper.e-static .e-field-list-container .e-axis-table .e-right-axis-fields .e-field-list-values .e-axis-wrapper .e-axis-icon-wrapper {
5837
5846
  padding-top: 7px;
5847
+ padding-left: 4px;
5838
5848
  }
5839
5849
 
5840
5850
  .e-bigger .e-pivotfieldlist-wrapper.e-static.e-rtl .e-axis-table .e-left-axis-fields,
@@ -5842,11 +5852,27 @@
5842
5852
  padding-left: 16px;
5843
5853
  }
5844
5854
 
5855
+ .e-bigger .e-pivotfieldlist-wrapper.e-static.e-rtl .e-axis-table .e-left-axis-fields .e-field-list-filters .e-axis-wrapper .e-axis-icon-wrapper,
5856
+ .e-bigger .e-pivotfieldlist-wrapper.e-static.e-rtl .e-axis-table .e-left-axis-fields .e-field-list-rows .e-axis-wrapper .e-axis-icon-wrapper,
5857
+ .e-bigger.e-pivotfieldlist-wrapper.e-static.e-rtl .e-axis-table .e-left-axis-fields .e-field-list-filters .e-axis-wrapper .e-axis-icon-wrapper,
5858
+ .e-bigger.e-pivotfieldlist-wrapper.e-static.e-rtl .e-axis-table .e-left-axis-fields .e-field-list-rows .e-axis-wrapper .e-axis-icon-wrapper {
5859
+ padding-left: 0;
5860
+ padding-right: 4px;
5861
+ }
5862
+
5845
5863
  .e-bigger .e-pivotfieldlist-wrapper.e-static.e-rtl .e-axis-table .e-right-axis-fields,
5846
5864
  .e-bigger.e-pivotfieldlist-wrapper.e-static.e-rtl .e-axis-table .e-right-axis-fields {
5847
5865
  padding: 0 !important;
5848
5866
  }
5849
5867
 
5868
+ .e-bigger .e-pivotfieldlist-wrapper.e-static.e-rtl .e-axis-table .e-right-axis-fields .e-field-list-columns .e-axis-wrapper .e-axis-icon-wrapper,
5869
+ .e-bigger .e-pivotfieldlist-wrapper.e-static.e-rtl .e-axis-table .e-right-axis-fields .e-field-list-values .e-axis-wrapper .e-axis-icon-wrapper,
5870
+ .e-bigger.e-pivotfieldlist-wrapper.e-static.e-rtl .e-axis-table .e-right-axis-fields .e-field-list-columns .e-axis-wrapper .e-axis-icon-wrapper,
5871
+ .e-bigger.e-pivotfieldlist-wrapper.e-static.e-rtl .e-axis-table .e-right-axis-fields .e-field-list-values .e-axis-wrapper .e-axis-icon-wrapper {
5872
+ padding-left: 0 !important;
5873
+ padding-right: 4px !important;
5874
+ }
5875
+
5850
5876
  .e-bigger .e-pivotfieldlist-wrapper.e-rtl .e-field-table .e-field-list,
5851
5877
  .e-bigger.e-pivotfieldlist-wrapper.e-rtl .e-field-table .e-field-list {
5852
5878
  padding-left: 0;