@syncfusion/ej2-angular-pivotview 20.2.36 → 20.2.37-ngcc

package/styles/pivotview/bootstrap5-dark.css

@@ -977,7 +977,7 @@
 }
 .e-pivotview .e-sortfilterdiv.e-value-sort-icon {
   font-size: 12px !important;
-  padding: 6px 0 4px 0 !important;
+  padding-right: 5px !important;
 }
 .e-pivotview .e-rowsheader .e-sortfilterdiv {
   margin: -10px 0 !important;
@@ -1020,11 +1020,6 @@
 .e-pivotview.sf-pivotview .e-spinner-pane.e-pivot-outer-spinner .e-spinner-inner {
   visibility: hidden !important;
 }
-.e-pivotview .e-grid.e-responsive .e-stackedheadercelldiv .e-stackedheadertext,
-.e-pivotview .e-grid.e-responsive .e-headercelldiv .e-headertext {
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
 .e-pivotview .e-grid .e-headercelldiv,
 .e-pivotview .e-grid .e-columnsheader {
   padding-left: 8px !important;
@@ -1189,6 +1184,38 @@
   font-size: 14px;
   font-weight: normal;
 }
+.e-pivotview .e-group-values .e-pivot-button .e-sort,
+.e-pivotview .e-group-values .e-pivot-button .e-dropdown-icon,
+.e-pivotview .e-group-values .e-pivot-button .e-pv-filter,
+.e-pivotview .e-group-values .e-pivot-button .e-pv-filtered,
+.e-pivotview .e-group-values .e-pivot-button .e-remove,
+.e-pivotview .e-group-values .e-pivot-button .e-edit,
+.e-pivotview .e-group-columns .e-pivot-button .e-sort,
+.e-pivotview .e-group-columns .e-pivot-button .e-dropdown-icon,
+.e-pivotview .e-group-columns .e-pivot-button .e-pv-filter,
+.e-pivotview .e-group-columns .e-pivot-button .e-pv-filtered,
+.e-pivotview .e-group-columns .e-pivot-button .e-remove,
+.e-pivotview .e-group-columns .e-pivot-button .e-edit,
+.e-pivotview .e-group-filters .e-pivot-button .e-sort,
+.e-pivotview .e-group-filters .e-pivot-button .e-dropdown-icon,
+.e-pivotview .e-group-filters .e-pivot-button .e-pv-filter,
+.e-pivotview .e-group-filters .e-pivot-button .e-pv-filtered,
+.e-pivotview .e-group-filters .e-pivot-button .e-remove,
+.e-pivotview .e-group-filters .e-pivot-button .e-edit,
+.e-pivotview .e-group-rows .e-pivot-button .e-sort,
+.e-pivotview .e-group-rows .e-pivot-button .e-dropdown-icon,
+.e-pivotview .e-group-rows .e-pivot-button .e-pv-filter,
+.e-pivotview .e-group-rows .e-pivot-button .e-pv-filtered,
+.e-pivotview .e-group-rows .e-pivot-button .e-remove,
+.e-pivotview .e-group-rows .e-pivot-button .e-edit,
+.e-pivotview .e-group-all-fields .e-pivot-button .e-sort,
+.e-pivotview .e-group-all-fields .e-pivot-button .e-dropdown-icon,
+.e-pivotview .e-group-all-fields .e-pivot-button .e-pv-filter,
+.e-pivotview .e-group-all-fields .e-pivot-button .e-pv-filtered,
+.e-pivotview .e-group-all-fields .e-pivot-button .e-remove,
+.e-pivotview .e-group-all-fields .e-pivot-button .e-edit {
+  margin-top: 1px;
+}
 .e-pivotview .e-grouping-bar .e-pvt-btn-div,
 .e-pivotview .e-group-rows .e-pvt-btn-div {
   display: -ms-inline-flexbox;
@@ -1226,7 +1253,7 @@
   font-weight: normal;
   height: 24px;
   line-height: 0.9em;
-  padding: 5px 8px;
+  padding: 3px 8px;
   text-transform: none;
   vertical-align: bottom;
   z-index: 1;
@@ -1415,7 +1442,7 @@
   pointer-events: none;
 }
 .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button {
-  padding: 5px 8px;
+  padding: 3px 8px;
   width: 180px;
 }
 .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button:hover {
@@ -1492,6 +1519,7 @@
   width: 18px;
 }
 .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-sort.e-descend {
+  margin-top: 3px;
   transform: rotateX(180deg);
 }
 .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-dropdown-icon {
@@ -1546,7 +1574,7 @@
   width: auto;
 }
 .e-pivotview .e-collapse::before {
-  font-size: 18px;
+  font-size: 20px;
 }
 .e-pivotview .e-expand,
 .e-pivotview .e-collapse {
@@ -1667,6 +1695,12 @@
 .e-pivotview.e-device .e-grouping-bar .e-pivot-button {
   line-height: 1em !important;
 }
+.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-dropdown-icon,
+.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-pv-filtered,
+.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-remove,
+.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-sort {
+  margin-top: 2px !important;
+}
 .e-pivotview.e-device .e-grouping-bar .e-group-all-fields .e-pvt-btn-div .e-pivot-button {
   max-width: 155px;
 }
@@ -1677,6 +1711,9 @@
 .e-pivotview.e-device .e-grouping-bar .e-group-columns .e-pvt-btn-div .e-pivot-button {
   max-width: 200px;
 }
+.e-pivotview.e-device .e-drillthrough-dialog {
+  width: 100% !important;
+}
 .e-pivotview.e-device .e-group-row .e-group-rows .e-pvt-btn-div .e-indent-div {
   width: 0 !important;
 }
@@ -1836,6 +1873,7 @@
 .e-bigger.e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-edit {
   font-size: 14px !important;
   height: 20px;
+  margin-top: 2px;
   width: 20px;
 }
 .e-bigger .e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-sort,
@@ -1931,8 +1969,9 @@
 }
 .e-bigger .e-pivotview .e-sortfilterdiv,
 .e-bigger.e-pivotview .e-sortfilterdiv {
-  margin: -23px -15px !important;
+  margin: -15px -8px !important;
   font-size: 12px !important;
+  padding-top: 28px;
 }
 .e-bigger .e-pivotview .e-grid .e-columnheader.e-wrap .e-sortfilterdiv,
 .e-bigger .e-pivotview .e-grid.e-wrap .e-columnheader .e-sortfilterdiv,
@@ -2009,7 +2048,7 @@
 }
 .e-bigger .e-pivotview .e-collapse::before,
 .e-bigger.e-pivotview .e-collapse::before {
-  font-size: 22px;
+  font-size: 24px;
 }
 
 .e-content-placeholder.e-pivotview.e-placeholder-pivotview {

package/styles/pivotview/bootstrap5-dark.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/bootstrap5-dark-definition.scss';
-@import 'bootstrap5-dark-definition.scss';
-@import 'icons/bootstrap5-dark.scss';
-@import 'all.scss';
+@import 'ej2-pivotview/styles/pivotview/bootstrap5-dark.scss';

package/styles/pivotview/bootstrap5.css

@@ -979,7 +979,7 @@
 }
 .e-pivotview .e-sortfilterdiv.e-value-sort-icon {
   font-size: 12px !important;
-  padding: 6px 0 4px 0 !important;
+  padding-right: 5px !important;
 }
 .e-pivotview .e-rowsheader .e-sortfilterdiv {
   margin: -10px 0 !important;
@@ -1022,11 +1022,6 @@
 .e-pivotview.sf-pivotview .e-spinner-pane.e-pivot-outer-spinner .e-spinner-inner {
   visibility: hidden !important;
 }
-.e-pivotview .e-grid.e-responsive .e-stackedheadercelldiv .e-stackedheadertext,
-.e-pivotview .e-grid.e-responsive .e-headercelldiv .e-headertext {
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
 .e-pivotview .e-grid .e-headercelldiv,
 .e-pivotview .e-grid .e-columnsheader {
   padding-left: 8px !important;
@@ -1191,6 +1186,38 @@
   font-size: 14px;
   font-weight: normal;
 }
+.e-pivotview .e-group-values .e-pivot-button .e-sort,
+.e-pivotview .e-group-values .e-pivot-button .e-dropdown-icon,
+.e-pivotview .e-group-values .e-pivot-button .e-pv-filter,
+.e-pivotview .e-group-values .e-pivot-button .e-pv-filtered,
+.e-pivotview .e-group-values .e-pivot-button .e-remove,
+.e-pivotview .e-group-values .e-pivot-button .e-edit,
+.e-pivotview .e-group-columns .e-pivot-button .e-sort,
+.e-pivotview .e-group-columns .e-pivot-button .e-dropdown-icon,
+.e-pivotview .e-group-columns .e-pivot-button .e-pv-filter,
+.e-pivotview .e-group-columns .e-pivot-button .e-pv-filtered,
+.e-pivotview .e-group-columns .e-pivot-button .e-remove,
+.e-pivotview .e-group-columns .e-pivot-button .e-edit,
+.e-pivotview .e-group-filters .e-pivot-button .e-sort,
+.e-pivotview .e-group-filters .e-pivot-button .e-dropdown-icon,
+.e-pivotview .e-group-filters .e-pivot-button .e-pv-filter,
+.e-pivotview .e-group-filters .e-pivot-button .e-pv-filtered,
+.e-pivotview .e-group-filters .e-pivot-button .e-remove,
+.e-pivotview .e-group-filters .e-pivot-button .e-edit,
+.e-pivotview .e-group-rows .e-pivot-button .e-sort,
+.e-pivotview .e-group-rows .e-pivot-button .e-dropdown-icon,
+.e-pivotview .e-group-rows .e-pivot-button .e-pv-filter,
+.e-pivotview .e-group-rows .e-pivot-button .e-pv-filtered,
+.e-pivotview .e-group-rows .e-pivot-button .e-remove,
+.e-pivotview .e-group-rows .e-pivot-button .e-edit,
+.e-pivotview .e-group-all-fields .e-pivot-button .e-sort,
+.e-pivotview .e-group-all-fields .e-pivot-button .e-dropdown-icon,
+.e-pivotview .e-group-all-fields .e-pivot-button .e-pv-filter,
+.e-pivotview .e-group-all-fields .e-pivot-button .e-pv-filtered,
+.e-pivotview .e-group-all-fields .e-pivot-button .e-remove,
+.e-pivotview .e-group-all-fields .e-pivot-button .e-edit {
+  margin-top: 1px;
+}
 .e-pivotview .e-grouping-bar .e-pvt-btn-div,
 .e-pivotview .e-group-rows .e-pvt-btn-div {
   display: -ms-inline-flexbox;
@@ -1228,7 +1255,7 @@
   font-weight: normal;
   height: 24px;
   line-height: 0.9em;
-  padding: 5px 8px;
+  padding: 3px 8px;
   text-transform: none;
   vertical-align: bottom;
   z-index: 1;
@@ -1417,7 +1444,7 @@
   pointer-events: none;
 }
 .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button {
-  padding: 5px 8px;
+  padding: 3px 8px;
   width: 180px;
 }
 .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button:hover {
@@ -1494,6 +1521,7 @@
   width: 18px;
 }
 .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-sort.e-descend {
+  margin-top: 3px;
   transform: rotateX(180deg);
 }
 .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-dropdown-icon {
@@ -1548,7 +1576,7 @@
   width: auto;
 }
 .e-pivotview .e-collapse::before {
-  font-size: 18px;
+  font-size: 20px;
 }
 .e-pivotview .e-expand,
 .e-pivotview .e-collapse {
@@ -1669,6 +1697,12 @@
 .e-pivotview.e-device .e-grouping-bar .e-pivot-button {
   line-height: 1em !important;
 }
+.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-dropdown-icon,
+.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-pv-filtered,
+.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-remove,
+.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-sort {
+  margin-top: 2px !important;
+}
 .e-pivotview.e-device .e-grouping-bar .e-group-all-fields .e-pvt-btn-div .e-pivot-button {
   max-width: 155px;
 }
@@ -1679,6 +1713,9 @@
 .e-pivotview.e-device .e-grouping-bar .e-group-columns .e-pvt-btn-div .e-pivot-button {
   max-width: 200px;
 }
+.e-pivotview.e-device .e-drillthrough-dialog {
+  width: 100% !important;
+}
 .e-pivotview.e-device .e-group-row .e-group-rows .e-pvt-btn-div .e-indent-div {
   width: 0 !important;
 }
@@ -1838,6 +1875,7 @@
 .e-bigger.e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-edit {
   font-size: 14px !important;
   height: 20px;
+  margin-top: 2px;
   width: 20px;
 }
 .e-bigger .e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-sort,
@@ -1933,8 +1971,9 @@
 }
 .e-bigger .e-pivotview .e-sortfilterdiv,
 .e-bigger.e-pivotview .e-sortfilterdiv {
-  margin: -23px -15px !important;
+  margin: -15px -8px !important;
   font-size: 12px !important;
+  padding-top: 28px;
 }
 .e-bigger .e-pivotview .e-grid .e-columnheader.e-wrap .e-sortfilterdiv,
 .e-bigger .e-pivotview .e-grid.e-wrap .e-columnheader .e-sortfilterdiv,
@@ -2011,7 +2050,7 @@
 }
 .e-bigger .e-pivotview .e-collapse::before,
 .e-bigger.e-pivotview .e-collapse::before {
-  font-size: 22px;
+  font-size: 24px;
 }
 
 .e-content-placeholder.e-pivotview.e-placeholder-pivotview {

package/styles/pivotview/bootstrap5.scss

@@ -1,5 +1 @@
-@import 'ej2-base/styles/bootstrap5-definition.scss';
-@import '../pivotfieldlist/bootstrap5-definition.scss';
-@import 'bootstrap5-definition.scss';
-@import 'icons/bootstrap5.scss';
-@import 'all.scss';
+@import 'ej2-pivotview/styles/pivotview/bootstrap5.scss';

package/styles/pivotview/fabric-dark.css

@@ -965,7 +965,6 @@
 }
 .e-pivotview .e-sortfilterdiv.e-value-sort-icon {
   font-size: 12px !important;
-  padding: 3px 4px 4px 4px !important;
 }
 .e-pivotview .e-rowsheader .e-sortfilterdiv {
   margin: -10px 0 !important;
@@ -1005,11 +1004,6 @@
 .e-pivotview.sf-pivotview .e-spinner-pane.e-pivot-outer-spinner .e-spinner-inner {
   visibility: hidden !important;
 }
-.e-pivotview .e-grid.e-responsive .e-stackedheadercelldiv .e-stackedheadertext,
-.e-pivotview .e-grid.e-responsive .e-headercelldiv .e-headertext {
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
 .e-pivotview .e-grid .e-headercelldiv,
 .e-pivotview .e-grid .e-columnsheader {
   padding-left: 8px !important;
@@ -1471,6 +1465,7 @@
   width: 18px;
 }
 .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-sort.e-descend {
+  margin-top: 3px;
   transform: rotateX(180deg);
 }
 .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-dropdown-icon {
@@ -1643,6 +1638,12 @@
 .e-pivotview.e-device .e-grouping-bar .e-pivot-button {
   line-height: 1em !important;
 }
+.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-dropdown-icon,
+.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-pv-filtered,
+.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-remove,
+.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-sort {
+  margin-top: 2px !important;
+}
 .e-pivotview.e-device .e-grouping-bar .e-group-all-fields .e-pvt-btn-div .e-pivot-button {
   max-width: 155px;
 }
@@ -1653,6 +1654,9 @@
 .e-pivotview.e-device .e-grouping-bar .e-group-columns .e-pvt-btn-div .e-pivot-button {
   max-width: 200px;
 }
+.e-pivotview.e-device .e-drillthrough-dialog {
+  width: 100% !important;
+}
 .e-pivotview.e-device .e-group-row .e-group-rows .e-pvt-btn-div .e-indent-div {
   width: 0 !important;
 }
@@ -1812,6 +1816,7 @@
 .e-bigger.e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-edit {
   font-size: 14px !important;
   height: 20px;
+  margin-top: 1px;
   width: 20px;
 }
 .e-bigger .e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-sort,
@@ -1895,7 +1900,7 @@
 }
 .e-bigger .e-pivotview .e-sortfilterdiv,
 .e-bigger.e-pivotview .e-sortfilterdiv {
-  margin: -23px -5px !important;
+  margin: -18px -5px !important;
 }
 .e-bigger .e-pivotview .e-grid .e-columnheader.e-wrap .e-sortfilterdiv,
 .e-bigger .e-pivotview .e-grid.e-wrap .e-columnheader .e-sortfilterdiv,

package/styles/pivotview/fabric-dark.scss

@@ -1,5 +1 @@
-@import 'ej2-base/styles/fabric-dark-definition.scss';
-@import '../pivotfieldlist/fabric-dark-definition.scss';
-@import 'fabric-dark-definition.scss';
-@import 'icons/fabric-dark.scss';
-@import 'all.scss';
+@import 'ej2-pivotview/styles/pivotview/fabric-dark.scss';

package/styles/pivotview/fabric.css

@@ -965,7 +965,6 @@
 }
 .e-pivotview .e-sortfilterdiv.e-value-sort-icon {
   font-size: 12px !important;
-  padding: 3px 4px 4px 4px !important;
 }
 .e-pivotview .e-rowsheader .e-sortfilterdiv {
   margin: -10px 0 !important;
@@ -1005,11 +1004,6 @@
 .e-pivotview.sf-pivotview .e-spinner-pane.e-pivot-outer-spinner .e-spinner-inner {
   visibility: hidden !important;
 }
-.e-pivotview .e-grid.e-responsive .e-stackedheadercelldiv .e-stackedheadertext,
-.e-pivotview .e-grid.e-responsive .e-headercelldiv .e-headertext {
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
 .e-pivotview .e-grid .e-headercelldiv,
 .e-pivotview .e-grid .e-columnsheader {
   padding-left: 8px !important;
@@ -1469,6 +1463,7 @@
   width: 18px;
 }
 .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-sort.e-descend {
+  margin-top: 3px;
   transform: rotateX(180deg);
 }
 .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-dropdown-icon {
@@ -1641,6 +1636,12 @@
 .e-pivotview.e-device .e-grouping-bar .e-pivot-button {
   line-height: 1em !important;
 }
+.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-dropdown-icon,
+.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-pv-filtered,
+.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-remove,
+.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-sort {
+  margin-top: 2px !important;
+}
 .e-pivotview.e-device .e-grouping-bar .e-group-all-fields .e-pvt-btn-div .e-pivot-button {
   max-width: 155px;
 }
@@ -1651,6 +1652,9 @@
 .e-pivotview.e-device .e-grouping-bar .e-group-columns .e-pvt-btn-div .e-pivot-button {
   max-width: 200px;
 }
+.e-pivotview.e-device .e-drillthrough-dialog {
+  width: 100% !important;
+}
 .e-pivotview.e-device .e-group-row .e-group-rows .e-pvt-btn-div .e-indent-div {
   width: 0 !important;
 }
@@ -1810,6 +1814,7 @@
 .e-bigger.e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-edit {
   font-size: 14px !important;
   height: 20px;
+  margin-top: 1px;
   width: 20px;
 }
 .e-bigger .e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-sort,
@@ -1893,7 +1898,7 @@
 }
 .e-bigger .e-pivotview .e-sortfilterdiv,
 .e-bigger.e-pivotview .e-sortfilterdiv {
-  margin: -23px -5px !important;
+  margin: -18px -5px !important;
 }
 .e-bigger .e-pivotview .e-grid .e-columnheader.e-wrap .e-sortfilterdiv,
 .e-bigger .e-pivotview .e-grid.e-wrap .e-columnheader .e-sortfilterdiv,

package/styles/pivotview/fabric.scss

@@ -1,5 +1 @@
-@import 'ej2-base/styles/fabric-definition.scss';
-@import '../pivotfieldlist/fabric-definition.scss';
-@import 'fabric-definition.scss';
-@import 'icons/fabric.scss';
-@import 'all.scss';
+@import 'ej2-pivotview/styles/pivotview/fabric.scss';

package/styles/pivotview/fluent-dark.css

@@ -561,6 +561,7 @@
 }
 .e-pivotview .e-pivot-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   font-size: 16px;
+  margin: 4px;
 }
 .e-pivotview .e-pivot-toolbar .e-pivot-toolbar-menu {
   background-color: transparent;
@@ -988,7 +989,6 @@
 }
 .e-pivotview .e-sortfilterdiv.e-value-sort-icon {
   font-size: 14px !important;
-  padding: 3px 4px 4px 4px !important;
 }
 .e-pivotview .e-rowsheader .e-sortfilterdiv {
   margin: -10px 0 !important;
@@ -1028,11 +1028,6 @@
 .e-pivotview.sf-pivotview .e-spinner-pane.e-pivot-outer-spinner .e-spinner-inner {
   visibility: hidden !important;
 }
-.e-pivotview .e-grid.e-responsive .e-stackedheadercelldiv .e-stackedheadertext,
-.e-pivotview .e-grid.e-responsive .e-headercelldiv .e-headertext {
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
 .e-pivotview .e-grid .e-headercelldiv,
 .e-pivotview .e-grid .e-columnsheader {
   padding-left: 8px !important;
@@ -1500,6 +1495,7 @@
   width: 18px;
 }
 .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-sort.e-descend {
+  margin-top: 3px;
   transform: rotateX(180deg);
 }
 .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-dropdown-icon {
@@ -1554,7 +1550,7 @@
   width: auto;
 }
 .e-pivotview .e-collapse::before {
-  font-size: 16px;
+  font-size: 18px;
 }
 .e-pivotview .e-expand,
 .e-pivotview .e-collapse {
@@ -1675,6 +1671,12 @@
 .e-pivotview.e-device .e-grouping-bar .e-pivot-button {
   line-height: 1em !important;
 }
+.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-dropdown-icon,
+.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-pv-filtered,
+.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-remove,
+.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-sort {
+  margin-top: 2px !important;
+}
 .e-pivotview.e-device .e-grouping-bar .e-group-all-fields .e-pvt-btn-div .e-pivot-button {
   max-width: 155px;
 }
@@ -1685,6 +1687,9 @@
 .e-pivotview.e-device .e-grouping-bar .e-group-columns .e-pvt-btn-div .e-pivot-button {
   max-width: 200px;
 }
+.e-pivotview.e-device .e-drillthrough-dialog {
+  width: 100% !important;
+}
 .e-pivotview.e-device .e-group-row .e-group-rows .e-pvt-btn-div .e-indent-div {
   width: 0 !important;
 }
@@ -1844,6 +1849,7 @@
 .e-bigger.e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-edit {
   font-size: 14px !important;
   height: 20px;
+  margin-top: 2px;
   width: 20px;
 }
 .e-bigger .e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-sort,
@@ -1939,7 +1945,8 @@
 }
 .e-bigger .e-pivotview .e-sortfilterdiv,
 .e-bigger.e-pivotview .e-sortfilterdiv {
-  margin: -26px -10px !important;
+  margin: -14px -10px !important;
+  padding-top: 28px;
 }
 .e-bigger .e-pivotview .e-grid .e-columnheader.e-wrap .e-sortfilterdiv,
 .e-bigger .e-pivotview .e-grid.e-wrap .e-columnheader .e-sortfilterdiv,
@@ -2016,7 +2023,7 @@
 }
 .e-bigger .e-pivotview .e-collapse::before,
 .e-bigger.e-pivotview .e-collapse::before {
-  font-size: 20px;
+  font-size: 24px;
 }
 
 .e-content-placeholder.e-pivotview.e-placeholder-pivotview {

package/styles/pivotview/fluent-dark.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/fluent-dark-definition.scss';
-@import 'fluent-dark-definition.scss';
-@import 'icons/fluent-dark.scss';
-@import 'all.scss';
+@import 'ej2-pivotview/styles/pivotview/fluent-dark.scss';

package/styles/pivotview/fluent.css

@@ -563,6 +563,7 @@
 }
 .e-pivotview .e-pivot-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   font-size: 16px;
+  margin: 4px;
 }
 .e-pivotview .e-pivot-toolbar .e-pivot-toolbar-menu {
   background-color: transparent;
@@ -990,7 +991,6 @@
 }
 .e-pivotview .e-sortfilterdiv.e-value-sort-icon {
   font-size: 14px !important;
-  padding: 3px 4px 4px 4px !important;
 }
 .e-pivotview .e-rowsheader .e-sortfilterdiv {
   margin: -10px 0 !important;
@@ -1030,11 +1030,6 @@
 .e-pivotview.sf-pivotview .e-spinner-pane.e-pivot-outer-spinner .e-spinner-inner {
   visibility: hidden !important;
 }
-.e-pivotview .e-grid.e-responsive .e-stackedheadercelldiv .e-stackedheadertext,
-.e-pivotview .e-grid.e-responsive .e-headercelldiv .e-headertext {
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
 .e-pivotview .e-grid .e-headercelldiv,
 .e-pivotview .e-grid .e-columnsheader {
   padding-left: 8px !important;
@@ -1502,6 +1497,7 @@
   width: 18px;
 }
 .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-sort.e-descend {
+  margin-top: 3px;
   transform: rotateX(180deg);
 }
 .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-dropdown-icon {
@@ -1556,7 +1552,7 @@
   width: auto;
 }
 .e-pivotview .e-collapse::before {
-  font-size: 16px;
+  font-size: 18px;
 }
 .e-pivotview .e-expand,
 .e-pivotview .e-collapse {
@@ -1677,6 +1673,12 @@
 .e-pivotview.e-device .e-grouping-bar .e-pivot-button {
   line-height: 1em !important;
 }
+.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-dropdown-icon,
+.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-pv-filtered,
+.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-remove,
+.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-sort {
+  margin-top: 2px !important;
+}
 .e-pivotview.e-device .e-grouping-bar .e-group-all-fields .e-pvt-btn-div .e-pivot-button {
   max-width: 155px;
 }
@@ -1687,6 +1689,9 @@
 .e-pivotview.e-device .e-grouping-bar .e-group-columns .e-pvt-btn-div .e-pivot-button {
   max-width: 200px;
 }
+.e-pivotview.e-device .e-drillthrough-dialog {
+  width: 100% !important;
+}
 .e-pivotview.e-device .e-group-row .e-group-rows .e-pvt-btn-div .e-indent-div {
   width: 0 !important;
 }
@@ -1846,6 +1851,7 @@
 .e-bigger.e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-edit {
   font-size: 14px !important;
   height: 20px;
+  margin-top: 2px;
   width: 20px;
 }
 .e-bigger .e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-sort,
@@ -1941,7 +1947,8 @@
 }
 .e-bigger .e-pivotview .e-sortfilterdiv,
 .e-bigger.e-pivotview .e-sortfilterdiv {
-  margin: -26px -10px !important;
+  margin: -14px -10px !important;
+  padding-top: 28px;
 }
 .e-bigger .e-pivotview .e-grid .e-columnheader.e-wrap .e-sortfilterdiv,
 .e-bigger .e-pivotview .e-grid.e-wrap .e-columnheader .e-sortfilterdiv,
@@ -2018,7 +2025,7 @@
 }
 .e-bigger .e-pivotview .e-collapse::before,
 .e-bigger.e-pivotview .e-collapse::before {
-  font-size: 20px;
+  font-size: 24px;
 }
 
 .e-content-placeholder.e-pivotview.e-placeholder-pivotview {

package/styles/pivotview/fluent.scss

@@ -1,5 +1 @@
-@import 'ej2-base/styles/fluent-definition.scss';
-@import '../pivotfieldlist/fluent-definition.scss';
-@import 'fluent-definition.scss';
-@import 'icons/fluent.scss';
-@import 'all.scss';
+@import 'ej2-pivotview/styles/pivotview/fluent.scss';