@syncfusion/ej2-vue-pivotview 22.1.39 → 22.2.5

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 (38) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/ej2-vue-pivotview.umd.min.js +1 -1
  3. package/dist/global/ej2-vue-pivotview.min.js +2 -2
  4. package/package.json +8 -8
  5. package/styles/bootstrap-dark.css +25 -4
  6. package/styles/bootstrap.css +25 -4
  7. package/styles/bootstrap4.css +25 -4
  8. package/styles/bootstrap5-dark.css +25 -5
  9. package/styles/bootstrap5.css +25 -5
  10. package/styles/fabric-dark.css +25 -4
  11. package/styles/fabric.css +25 -4
  12. package/styles/fluent-dark.css +25 -5
  13. package/styles/fluent.css +25 -5
  14. package/styles/highcontrast-light.css +25 -5
  15. package/styles/highcontrast.css +25 -5
  16. package/styles/material-dark.css +25 -4
  17. package/styles/material.css +25 -4
  18. package/styles/material3-dark.css +25 -5
  19. package/styles/material3.css +25 -5
  20. package/styles/pivotview/bootstrap-dark.css +25 -4
  21. package/styles/pivotview/bootstrap.css +25 -4
  22. package/styles/pivotview/bootstrap4.css +25 -4
  23. package/styles/pivotview/bootstrap5-dark.css +25 -5
  24. package/styles/pivotview/bootstrap5.css +25 -5
  25. package/styles/pivotview/fabric-dark.css +25 -4
  26. package/styles/pivotview/fabric.css +25 -4
  27. package/styles/pivotview/fluent-dark.css +25 -5
  28. package/styles/pivotview/fluent.css +25 -5
  29. package/styles/pivotview/highcontrast-light.css +25 -5
  30. package/styles/pivotview/highcontrast.css +25 -5
  31. package/styles/pivotview/material-dark.css +25 -4
  32. package/styles/pivotview/material.css +25 -4
  33. package/styles/pivotview/material3-dark.css +25 -5
  34. package/styles/pivotview/material3.css +25 -5
  35. package/styles/pivotview/tailwind-dark.css +25 -5
  36. package/styles/pivotview/tailwind.css +25 -5
  37. package/styles/tailwind-dark.css +25 -5
  38. package/styles/tailwind.css +25 -5
@@ -570,6 +570,9 @@
570
570
  .e-pivotview .e-pivot-format-dialog .e-pivot-format-dialog-outer .e-pivot-format-decimal-drop {
571
571
  margin-bottom: 20px;
572
572
  }
573
+ .e-pivotview.sf-pivotview .e-pivot-toolbar {
574
+ box-sizing: border-box;
575
+ }
573
576
  .e-pivotview .e-pivot-toolbar {
574
577
  background: #faf9f8;
575
578
  border-bottom: 0;
@@ -926,6 +929,25 @@
926
929
  /* stylelint-enable */
927
930
  /* stylelint-enable */
928
931
  }
932
+ .e-pivotview .e-pivotcell-container {
933
+ display: -ms-flexbox;
934
+ display: flex;
935
+ }
936
+ .e-pivotview .e-pivotcell-container .e-stackedheadertext.e-cellvalue,
937
+ .e-pivotview .e-pivotcell-container .e-headertext.e-cellvalue {
938
+ overflow: hidden;
939
+ text-overflow: ellipsis;
940
+ }
941
+ .e-pivotview .e-pivotcell-container .e-sortfilterdiv.e-value-sort-icon {
942
+ -ms-flex-align: center;
943
+ align-items: center;
944
+ display: -ms-flexbox;
945
+ display: flex;
946
+ }
947
+ .e-pivotview .e-gridclip .e-pivotcell-container .e-stackedheadertext.e-cellvalue,
948
+ .e-pivotview .e-gridclip .e-pivotcell-container .e-headertext.e-cellvalue {
949
+ text-overflow: clip;
950
+ }
929
951
  .e-pivotview .e-nextspan {
930
952
  display: inline-block;
931
953
  width: 18px;
@@ -1054,7 +1076,6 @@
1054
1076
  display: block;
1055
1077
  }
1056
1078
  .e-pivotview div.e-cellvalue {
1057
- margin-top: 5px;
1058
1079
  margin-top: 1px;
1059
1080
  }
1060
1081
  .e-pivotview .e-sortfilterdiv .e-value-sort-icon {
@@ -1067,11 +1088,10 @@
1067
1088
  .e-pivotview .e-sortfilterdiv:not(.e-value-sort-icon) {
1068
1089
  display: none;
1069
1090
  }
1070
- .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv {
1071
- margin: -33px 0 !important;
1072
- }
1073
- .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
1091
+ .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
1074
1092
  margin: -11px 0 !important;
1093
+ margin-left: auto !important;
1094
+ margin-top: 1px !important;
1075
1095
  }
1076
1096
  .e-pivotview .e-rowsheader .e-sortfilterdiv {
1077
1097
  margin: -20px 0 !important;
@@ -566,6 +566,9 @@
566
566
  .e-pivotview .e-pivot-format-dialog .e-pivot-format-dialog-outer .e-pivot-format-decimal-drop {
567
567
  margin-bottom: 20px;
568
568
  }
569
+ .e-pivotview.sf-pivotview .e-pivot-toolbar {
570
+ box-sizing: border-box;
571
+ }
569
572
  .e-pivotview .e-pivot-toolbar {
570
573
  background: #d8d8d8;
571
574
  border-bottom: 0;
@@ -910,6 +913,25 @@
910
913
  /* stylelint-enable */
911
914
  /* stylelint-enable */
912
915
  }
916
+ .e-pivotview .e-pivotcell-container {
917
+ display: -ms-flexbox;
918
+ display: flex;
919
+ }
920
+ .e-pivotview .e-pivotcell-container .e-stackedheadertext.e-cellvalue,
921
+ .e-pivotview .e-pivotcell-container .e-headertext.e-cellvalue {
922
+ overflow: hidden;
923
+ text-overflow: ellipsis;
924
+ }
925
+ .e-pivotview .e-pivotcell-container .e-sortfilterdiv.e-value-sort-icon {
926
+ -ms-flex-align: center;
927
+ align-items: center;
928
+ display: -ms-flexbox;
929
+ display: flex;
930
+ }
931
+ .e-pivotview .e-gridclip .e-pivotcell-container .e-stackedheadertext.e-cellvalue,
932
+ .e-pivotview .e-gridclip .e-pivotcell-container .e-headertext.e-cellvalue {
933
+ text-overflow: clip;
934
+ }
913
935
  .e-pivotview .e-nextspan {
914
936
  display: inline-block;
915
937
  width: 24px;
@@ -1039,7 +1061,6 @@
1039
1061
  display: block;
1040
1062
  }
1041
1063
  .e-pivotview div.e-cellvalue {
1042
- margin-top: 5px;
1043
1064
  margin-top: 0;
1044
1065
  }
1045
1066
  .e-pivotview .e-sortfilterdiv .e-value-sort-icon {
@@ -1051,11 +1072,10 @@
1051
1072
  .e-pivotview .e-sortfilterdiv:not(.e-value-sort-icon) {
1052
1073
  display: none;
1053
1074
  }
1054
- .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv {
1055
- margin: -15px 0 !important;
1056
- }
1057
- .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
1075
+ .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
1058
1076
  margin: 0 !important;
1077
+ margin-left: auto !important;
1078
+ margin-top: 0 !important;
1059
1079
  }
1060
1080
  .e-pivotview .e-rowsheader .e-sortfilterdiv {
1061
1081
  margin: -6px 0 !important;
@@ -566,6 +566,9 @@
566
566
  .e-pivotview .e-pivot-format-dialog .e-pivot-format-dialog-outer .e-pivot-format-decimal-drop {
567
567
  margin-bottom: 20px;
568
568
  }
569
+ .e-pivotview.sf-pivotview .e-pivot-toolbar {
570
+ box-sizing: border-box;
571
+ }
569
572
  .e-pivotview .e-pivot-toolbar {
570
573
  background: #262626;
571
574
  border-bottom: 0;
@@ -910,6 +913,25 @@
910
913
  /* stylelint-enable */
911
914
  /* stylelint-enable */
912
915
  }
916
+ .e-pivotview .e-pivotcell-container {
917
+ display: -ms-flexbox;
918
+ display: flex;
919
+ }
920
+ .e-pivotview .e-pivotcell-container .e-stackedheadertext.e-cellvalue,
921
+ .e-pivotview .e-pivotcell-container .e-headertext.e-cellvalue {
922
+ overflow: hidden;
923
+ text-overflow: ellipsis;
924
+ }
925
+ .e-pivotview .e-pivotcell-container .e-sortfilterdiv.e-value-sort-icon {
926
+ -ms-flex-align: center;
927
+ align-items: center;
928
+ display: -ms-flexbox;
929
+ display: flex;
930
+ }
931
+ .e-pivotview .e-gridclip .e-pivotcell-container .e-stackedheadertext.e-cellvalue,
932
+ .e-pivotview .e-gridclip .e-pivotcell-container .e-headertext.e-cellvalue {
933
+ text-overflow: clip;
934
+ }
913
935
  .e-pivotview .e-nextspan {
914
936
  display: inline-block;
915
937
  width: 18px;
@@ -1039,7 +1061,6 @@
1039
1061
  display: block;
1040
1062
  }
1041
1063
  .e-pivotview div.e-cellvalue {
1042
- margin-top: 5px;
1043
1064
  margin-top: 0;
1044
1065
  }
1045
1066
  .e-pivotview .e-sortfilterdiv .e-value-sort-icon {
@@ -1051,11 +1072,10 @@
1051
1072
  .e-pivotview .e-sortfilterdiv:not(.e-value-sort-icon) {
1052
1073
  display: none;
1053
1074
  }
1054
- .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv {
1055
- margin: -15px 0 !important;
1056
- }
1057
- .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
1075
+ .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
1058
1076
  margin: 0 !important;
1077
+ margin-left: auto !important;
1078
+ margin-top: 0 !important;
1059
1079
  }
1060
1080
  .e-pivotview .e-rowsheader .e-sortfilterdiv {
1061
1081
  margin: -6px 0 !important;
@@ -567,6 +567,9 @@
567
567
  .e-pivotview .e-pivot-format-dialog .e-pivot-format-dialog-outer .e-pivot-format-decimal-drop {
568
568
  margin-bottom: 20px;
569
569
  }
570
+ .e-pivotview.sf-pivotview .e-pivot-toolbar {
571
+ box-sizing: border-box;
572
+ }
570
573
  .e-pivotview .e-pivot-toolbar {
571
574
  background: #212121;
572
575
  border-bottom: 0;
@@ -907,6 +910,25 @@
907
910
  /* stylelint-enable */
908
911
  /* stylelint-enable */
909
912
  }
913
+ .e-pivotview .e-pivotcell-container {
914
+ display: -ms-flexbox;
915
+ display: flex;
916
+ }
917
+ .e-pivotview .e-pivotcell-container .e-stackedheadertext.e-cellvalue,
918
+ .e-pivotview .e-pivotcell-container .e-headertext.e-cellvalue {
919
+ overflow: hidden;
920
+ text-overflow: ellipsis;
921
+ }
922
+ .e-pivotview .e-pivotcell-container .e-sortfilterdiv.e-value-sort-icon {
923
+ -ms-flex-align: center;
924
+ align-items: center;
925
+ display: -ms-flexbox;
926
+ display: flex;
927
+ }
928
+ .e-pivotview .e-gridclip .e-pivotcell-container .e-stackedheadertext.e-cellvalue,
929
+ .e-pivotview .e-gridclip .e-pivotcell-container .e-headertext.e-cellvalue {
930
+ text-overflow: clip;
931
+ }
910
932
  .e-pivotview .e-nextspan {
911
933
  display: inline-block;
912
934
  width: 18px;
@@ -1046,11 +1068,10 @@
1046
1068
  .e-pivotview .e-sortfilterdiv:not(.e-value-sort-icon) {
1047
1069
  display: none;
1048
1070
  }
1049
- .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv {
1050
- margin: -15px 0 !important;
1051
- }
1052
- .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
1071
+ .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
1053
1072
  margin: 0 !important;
1073
+ margin-left: auto !important;
1074
+ margin-top: 5px !important;
1054
1075
  }
1055
1076
  .e-pivotview .e-rowsheader .e-sortfilterdiv {
1056
1077
  margin: -8px 0 !important;
@@ -568,6 +568,9 @@
568
568
  .e-pivotview .e-pivot-format-dialog .e-pivot-format-dialog-outer .e-pivot-format-decimal-drop {
569
569
  margin-bottom: 20px;
570
570
  }
571
+ .e-pivotview.sf-pivotview .e-pivot-toolbar {
572
+ box-sizing: border-box;
573
+ }
571
574
  .e-pivotview .e-pivot-toolbar {
572
575
  background: #f5f5f5;
573
576
  border-bottom: 0;
@@ -908,6 +911,25 @@
908
911
  /* stylelint-enable */
909
912
  /* stylelint-enable */
910
913
  }
914
+ .e-pivotview .e-pivotcell-container {
915
+ display: -ms-flexbox;
916
+ display: flex;
917
+ }
918
+ .e-pivotview .e-pivotcell-container .e-stackedheadertext.e-cellvalue,
919
+ .e-pivotview .e-pivotcell-container .e-headertext.e-cellvalue {
920
+ overflow: hidden;
921
+ text-overflow: ellipsis;
922
+ }
923
+ .e-pivotview .e-pivotcell-container .e-sortfilterdiv.e-value-sort-icon {
924
+ -ms-flex-align: center;
925
+ align-items: center;
926
+ display: -ms-flexbox;
927
+ display: flex;
928
+ }
929
+ .e-pivotview .e-gridclip .e-pivotcell-container .e-stackedheadertext.e-cellvalue,
930
+ .e-pivotview .e-gridclip .e-pivotcell-container .e-headertext.e-cellvalue {
931
+ text-overflow: clip;
932
+ }
911
933
  .e-pivotview .e-nextspan {
912
934
  display: inline-block;
913
935
  width: 18px;
@@ -1047,11 +1069,10 @@
1047
1069
  .e-pivotview .e-sortfilterdiv:not(.e-value-sort-icon) {
1048
1070
  display: none;
1049
1071
  }
1050
- .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv {
1051
- margin: -15px 0 !important;
1052
- }
1053
- .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
1072
+ .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
1054
1073
  margin: 0 !important;
1074
+ margin-left: auto !important;
1075
+ margin-top: 5px !important;
1055
1076
  }
1056
1077
  .e-pivotview .e-rowsheader .e-sortfilterdiv {
1057
1078
  margin: -8px 0 !important;
@@ -638,6 +638,9 @@
638
638
  .e-pivotview .e-pivot-format-dialog .e-pivot-format-dialog-outer .e-pivot-format-decimal-drop {
639
639
  margin-bottom: 20px;
640
640
  }
641
+ .e-pivotview.sf-pivotview .e-pivot-toolbar {
642
+ box-sizing: border-box;
643
+ }
641
644
  .e-pivotview .e-pivot-toolbar {
642
645
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
643
646
  border-bottom: 0;
@@ -979,6 +982,25 @@
979
982
  /* stylelint-enable */
980
983
  /* stylelint-enable */
981
984
  }
985
+ .e-pivotview .e-pivotcell-container {
986
+ display: -ms-flexbox;
987
+ display: flex;
988
+ }
989
+ .e-pivotview .e-pivotcell-container .e-stackedheadertext.e-cellvalue,
990
+ .e-pivotview .e-pivotcell-container .e-headertext.e-cellvalue {
991
+ overflow: hidden;
992
+ text-overflow: ellipsis;
993
+ }
994
+ .e-pivotview .e-pivotcell-container .e-sortfilterdiv.e-value-sort-icon {
995
+ -ms-flex-align: center;
996
+ align-items: center;
997
+ display: -ms-flexbox;
998
+ display: flex;
999
+ }
1000
+ .e-pivotview .e-gridclip .e-pivotcell-container .e-stackedheadertext.e-cellvalue,
1001
+ .e-pivotview .e-gridclip .e-pivotcell-container .e-headertext.e-cellvalue {
1002
+ text-overflow: clip;
1003
+ }
982
1004
  .e-pivotview .e-nextspan {
983
1005
  display: inline-block;
984
1006
  width: 18px;
@@ -1108,7 +1130,6 @@
1108
1130
  display: block;
1109
1131
  }
1110
1132
  .e-pivotview div.e-cellvalue {
1111
- margin-top: 5px;
1112
1133
  margin-top: 0;
1113
1134
  }
1114
1135
  .e-pivotview div div span.e-value-sort-icon {
@@ -1124,11 +1145,10 @@
1124
1145
  .e-pivotview .e-sortfilterdiv:not(.e-value-sort-icon) {
1125
1146
  display: none;
1126
1147
  }
1127
- .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv {
1128
- margin: -15px 0 !important;
1129
- }
1130
- .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
1148
+ .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
1131
1149
  margin: 0 !important;
1150
+ margin-left: auto !important;
1151
+ margin-top: 0 !important;
1132
1152
  }
1133
1153
  .e-pivotview .e-rowsheader .e-sortfilterdiv {
1134
1154
  margin: -8px 0 !important;
@@ -696,6 +696,9 @@
696
696
  .e-pivotview .e-pivot-format-dialog .e-pivot-format-dialog-outer .e-pivot-format-decimal-drop {
697
697
  margin-bottom: 20px;
698
698
  }
699
+ .e-pivotview.sf-pivotview .e-pivot-toolbar {
700
+ box-sizing: border-box;
701
+ }
699
702
  .e-pivotview .e-pivot-toolbar {
700
703
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
701
704
  border-bottom: 0;
@@ -1037,6 +1040,25 @@
1037
1040
  /* stylelint-enable */
1038
1041
  /* stylelint-enable */
1039
1042
  }
1043
+ .e-pivotview .e-pivotcell-container {
1044
+ display: -ms-flexbox;
1045
+ display: flex;
1046
+ }
1047
+ .e-pivotview .e-pivotcell-container .e-stackedheadertext.e-cellvalue,
1048
+ .e-pivotview .e-pivotcell-container .e-headertext.e-cellvalue {
1049
+ overflow: hidden;
1050
+ text-overflow: ellipsis;
1051
+ }
1052
+ .e-pivotview .e-pivotcell-container .e-sortfilterdiv.e-value-sort-icon {
1053
+ -ms-flex-align: center;
1054
+ align-items: center;
1055
+ display: -ms-flexbox;
1056
+ display: flex;
1057
+ }
1058
+ .e-pivotview .e-gridclip .e-pivotcell-container .e-stackedheadertext.e-cellvalue,
1059
+ .e-pivotview .e-gridclip .e-pivotcell-container .e-headertext.e-cellvalue {
1060
+ text-overflow: clip;
1061
+ }
1040
1062
  .e-pivotview .e-nextspan {
1041
1063
  display: inline-block;
1042
1064
  width: 18px;
@@ -1166,7 +1188,6 @@
1166
1188
  display: block;
1167
1189
  }
1168
1190
  .e-pivotview div.e-cellvalue {
1169
- margin-top: 5px;
1170
1191
  margin-top: 0;
1171
1192
  }
1172
1193
  .e-pivotview div div span.e-value-sort-icon {
@@ -1182,11 +1203,10 @@
1182
1203
  .e-pivotview .e-sortfilterdiv:not(.e-value-sort-icon) {
1183
1204
  display: none;
1184
1205
  }
1185
- .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv {
1186
- margin: -15px 0 !important;
1187
- }
1188
- .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
1206
+ .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
1189
1207
  margin: 0 !important;
1208
+ margin-left: auto !important;
1209
+ margin-top: 0 !important;
1190
1210
  }
1191
1211
  .e-pivotview .e-rowsheader .e-sortfilterdiv {
1192
1212
  margin: -8px 0 !important;
@@ -577,6 +577,9 @@
577
577
  margin-bottom: 20px;
578
578
  margin-bottom: 12px;
579
579
  }
580
+ .e-pivotview.sf-pivotview .e-pivot-toolbar {
581
+ box-sizing: border-box;
582
+ }
580
583
  .e-pivotview .e-pivot-toolbar {
581
584
  background: #232e3e;
582
585
  border-bottom: 0;
@@ -923,6 +926,25 @@
923
926
  /* stylelint-enable */
924
927
  /* stylelint-enable */
925
928
  }
929
+ .e-pivotview .e-pivotcell-container {
930
+ display: -ms-flexbox;
931
+ display: flex;
932
+ }
933
+ .e-pivotview .e-pivotcell-container .e-stackedheadertext.e-cellvalue,
934
+ .e-pivotview .e-pivotcell-container .e-headertext.e-cellvalue {
935
+ overflow: hidden;
936
+ text-overflow: ellipsis;
937
+ }
938
+ .e-pivotview .e-pivotcell-container .e-sortfilterdiv.e-value-sort-icon {
939
+ -ms-flex-align: center;
940
+ align-items: center;
941
+ display: -ms-flexbox;
942
+ display: flex;
943
+ }
944
+ .e-pivotview .e-gridclip .e-pivotcell-container .e-stackedheadertext.e-cellvalue,
945
+ .e-pivotview .e-gridclip .e-pivotcell-container .e-headertext.e-cellvalue {
946
+ text-overflow: clip;
947
+ }
926
948
  .e-pivotview .e-nextspan {
927
949
  display: inline-block;
928
950
  width: 18px;
@@ -1055,7 +1077,6 @@
1055
1077
  display: block;
1056
1078
  }
1057
1079
  .e-pivotview div.e-cellvalue {
1058
- margin-top: 5px;
1059
1080
  margin-top: 2px;
1060
1081
  }
1061
1082
  .e-pivotview .e-sortfilterdiv .e-value-sort-icon {
@@ -1067,11 +1088,10 @@
1067
1088
  .e-pivotview .e-sortfilterdiv:not(.e-value-sort-icon) {
1068
1089
  display: none;
1069
1090
  }
1070
- .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv {
1071
- margin: -18px 0 !important;
1072
- }
1073
- .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
1091
+ .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
1074
1092
  margin: 0 !important;
1093
+ margin-left: auto !important;
1094
+ margin-top: 2px !important;
1075
1095
  }
1076
1096
  .e-pivotview .e-rowsheader .e-sortfilterdiv {
1077
1097
  margin: -4px 0 !important;
@@ -579,6 +579,9 @@
579
579
  margin-bottom: 20px;
580
580
  margin-bottom: 12px;
581
581
  }
582
+ .e-pivotview.sf-pivotview .e-pivot-toolbar {
583
+ box-sizing: border-box;
584
+ }
582
585
  .e-pivotview .e-pivot-toolbar {
583
586
  background: #f9fafb;
584
587
  border-bottom: 0;
@@ -925,6 +928,25 @@
925
928
  /* stylelint-enable */
926
929
  /* stylelint-enable */
927
930
  }
931
+ .e-pivotview .e-pivotcell-container {
932
+ display: -ms-flexbox;
933
+ display: flex;
934
+ }
935
+ .e-pivotview .e-pivotcell-container .e-stackedheadertext.e-cellvalue,
936
+ .e-pivotview .e-pivotcell-container .e-headertext.e-cellvalue {
937
+ overflow: hidden;
938
+ text-overflow: ellipsis;
939
+ }
940
+ .e-pivotview .e-pivotcell-container .e-sortfilterdiv.e-value-sort-icon {
941
+ -ms-flex-align: center;
942
+ align-items: center;
943
+ display: -ms-flexbox;
944
+ display: flex;
945
+ }
946
+ .e-pivotview .e-gridclip .e-pivotcell-container .e-stackedheadertext.e-cellvalue,
947
+ .e-pivotview .e-gridclip .e-pivotcell-container .e-headertext.e-cellvalue {
948
+ text-overflow: clip;
949
+ }
928
950
  .e-pivotview .e-nextspan {
929
951
  display: inline-block;
930
952
  width: 18px;
@@ -1057,7 +1079,6 @@
1057
1079
  display: block;
1058
1080
  }
1059
1081
  .e-pivotview div.e-cellvalue {
1060
- margin-top: 5px;
1061
1082
  margin-top: 2px;
1062
1083
  }
1063
1084
  .e-pivotview .e-sortfilterdiv .e-value-sort-icon {
@@ -1069,11 +1090,10 @@
1069
1090
  .e-pivotview .e-sortfilterdiv:not(.e-value-sort-icon) {
1070
1091
  display: none;
1071
1092
  }
1072
- .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv {
1073
- margin: -18px 0 !important;
1074
- }
1075
- .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
1093
+ .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
1076
1094
  margin: 0 !important;
1095
+ margin-left: auto !important;
1096
+ margin-top: 2px !important;
1077
1097
  }
1078
1098
  .e-pivotview .e-rowsheader .e-sortfilterdiv {
1079
1099
  margin: -4px 0 !important;
@@ -578,6 +578,9 @@
578
578
  margin-bottom: 20px;
579
579
  margin-bottom: 12px;
580
580
  }
581
+ .e-pivotview.sf-pivotview .e-pivot-toolbar {
582
+ box-sizing: border-box;
583
+ }
581
584
  .e-pivotview .e-pivot-toolbar {
582
585
  background: #232e3e;
583
586
  border-bottom: 0;
@@ -924,6 +927,25 @@
924
927
  /* stylelint-enable */
925
928
  /* stylelint-enable */
926
929
  }
930
+ .e-pivotview .e-pivotcell-container {
931
+ display: -ms-flexbox;
932
+ display: flex;
933
+ }
934
+ .e-pivotview .e-pivotcell-container .e-stackedheadertext.e-cellvalue,
935
+ .e-pivotview .e-pivotcell-container .e-headertext.e-cellvalue {
936
+ overflow: hidden;
937
+ text-overflow: ellipsis;
938
+ }
939
+ .e-pivotview .e-pivotcell-container .e-sortfilterdiv.e-value-sort-icon {
940
+ -ms-flex-align: center;
941
+ align-items: center;
942
+ display: -ms-flexbox;
943
+ display: flex;
944
+ }
945
+ .e-pivotview .e-gridclip .e-pivotcell-container .e-stackedheadertext.e-cellvalue,
946
+ .e-pivotview .e-gridclip .e-pivotcell-container .e-headertext.e-cellvalue {
947
+ text-overflow: clip;
948
+ }
927
949
  .e-pivotview .e-nextspan {
928
950
  display: inline-block;
929
951
  width: 18px;
@@ -1056,7 +1078,6 @@
1056
1078
  display: block;
1057
1079
  }
1058
1080
  .e-pivotview div.e-cellvalue {
1059
- margin-top: 5px;
1060
1081
  margin-top: 2px;
1061
1082
  }
1062
1083
  .e-pivotview .e-sortfilterdiv .e-value-sort-icon {
@@ -1068,11 +1089,10 @@
1068
1089
  .e-pivotview .e-sortfilterdiv:not(.e-value-sort-icon) {
1069
1090
  display: none;
1070
1091
  }
1071
- .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv {
1072
- margin: -18px 0 !important;
1073
- }
1074
- .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
1092
+ .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
1075
1093
  margin: 0 !important;
1094
+ margin-left: auto !important;
1095
+ margin-top: 2px !important;
1076
1096
  }
1077
1097
  .e-pivotview .e-rowsheader .e-sortfilterdiv {
1078
1098
  margin: -4px 0 !important;
@@ -580,6 +580,9 @@
580
580
  margin-bottom: 20px;
581
581
  margin-bottom: 12px;
582
582
  }
583
+ .e-pivotview.sf-pivotview .e-pivot-toolbar {
584
+ box-sizing: border-box;
585
+ }
583
586
  .e-pivotview .e-pivot-toolbar {
584
587
  background: #f9fafb;
585
588
  border-bottom: 0;
@@ -926,6 +929,25 @@
926
929
  /* stylelint-enable */
927
930
  /* stylelint-enable */
928
931
  }
932
+ .e-pivotview .e-pivotcell-container {
933
+ display: -ms-flexbox;
934
+ display: flex;
935
+ }
936
+ .e-pivotview .e-pivotcell-container .e-stackedheadertext.e-cellvalue,
937
+ .e-pivotview .e-pivotcell-container .e-headertext.e-cellvalue {
938
+ overflow: hidden;
939
+ text-overflow: ellipsis;
940
+ }
941
+ .e-pivotview .e-pivotcell-container .e-sortfilterdiv.e-value-sort-icon {
942
+ -ms-flex-align: center;
943
+ align-items: center;
944
+ display: -ms-flexbox;
945
+ display: flex;
946
+ }
947
+ .e-pivotview .e-gridclip .e-pivotcell-container .e-stackedheadertext.e-cellvalue,
948
+ .e-pivotview .e-gridclip .e-pivotcell-container .e-headertext.e-cellvalue {
949
+ text-overflow: clip;
950
+ }
929
951
  .e-pivotview .e-nextspan {
930
952
  display: inline-block;
931
953
  width: 18px;
@@ -1058,7 +1080,6 @@
1058
1080
  display: block;
1059
1081
  }
1060
1082
  .e-pivotview div.e-cellvalue {
1061
- margin-top: 5px;
1062
1083
  margin-top: 2px;
1063
1084
  }
1064
1085
  .e-pivotview .e-sortfilterdiv .e-value-sort-icon {
@@ -1070,11 +1091,10 @@
1070
1091
  .e-pivotview .e-sortfilterdiv:not(.e-value-sort-icon) {
1071
1092
  display: none;
1072
1093
  }
1073
- .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv {
1074
- margin: -18px 0 !important;
1075
- }
1076
- .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
1094
+ .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
1077
1095
  margin: 0 !important;
1096
+ margin-left: auto !important;
1097
+ margin-top: 2px !important;
1078
1098
  }
1079
1099
  .e-pivotview .e-rowsheader .e-sortfilterdiv {
1080
1100
  margin: -4px 0 !important;