@syncfusion/ej2-pivotview 20.1.61 → 20.2.39

package/styles/pivotfieldlist/tailwind.css

@@ -279,6 +279,10 @@
 .e-pivotfieldlist-container .e-sort-descend::before {
   content: "\e7d8" !important;
 }
+.e-pivotfieldlist-wrapper .e-field-list-search-icon::before,
+.e-pivotfieldlist-container .e-field-list-search-icon::before {
+  content: "\e754" !important;
+}
 .e-pivotfieldlist-wrapper .e-pivot-calc-outer-div .e-pivot-accord .e-edited.e-icons::before,
 .e-pivotfieldlist-container .e-pivot-calc-outer-div .e-pivot-accord .e-edited.e-icons::before {
   content: "\e740";
@@ -314,8 +318,7 @@
 
 .e-pivot-formatting-dialog {
   max-height: 480px !important;
-  min-width: 628px !important;
-  width: 628px !important;
+  width: 640px !important;
 }
 .e-pivot-formatting-dialog .e-format-table tr:nth-child(odd) td {
   padding-bottom: 4px;
@@ -329,6 +332,7 @@
 .e-pivot-formatting-dialog .e-format-table tr:nth-child(even) td {
   padding-bottom: 14px;
   padding-right: 18px;
+  white-space: nowrap;
 }
 .e-pivot-formatting-dialog .e-format-value-span {
   vertical-align: bottom;
@@ -345,6 +349,7 @@
 .e-pivot-formatting-dialog .e-format-inner-div {
   padding-left: 14px;
   padding-top: 14px;
+  width: 579px;
 }
 .e-pivot-formatting-dialog .e-format-outer-div {
   background-color: #fff;
@@ -420,6 +425,9 @@
   min-width: 320px !important;
   width: 100% !important;
 }
+.e-pivot-formatting-dialog.e-device .e-format-inner-div {
+  width: 100% !important;
+}
 .e-pivot-formatting-dialog.e-device .e-format-value1,
 .e-pivot-formatting-dialog.e-device .e-format-value2,
 .e-pivot-formatting-dialog.e-device .e-format-value-span {
@@ -467,8 +475,7 @@
 
 .e-bigger.e-pivot-formatting-dialog,
 .e-bigger .e-pivot-formatting-dialog {
-  min-width: 680px !important;
-  width: 680px !important;
+  width: 730px !important;
 }
 .e-bigger.e-pivot-formatting-dialog .e-format-label,
 .e-bigger.e-pivot-formatting-dialog .e-format-value-label,
@@ -485,6 +492,7 @@
 .e-bigger .e-pivot-formatting-dialog .e-format-inner-div {
   padding-left: 16px;
   padding-top: 16px;
+  width: 656px;
 }
 .e-bigger.e-pivot-formatting-dialog .e-format-outer-div,
 .e-bigger .e-pivot-formatting-dialog .e-format-outer-div {
@@ -736,7 +744,7 @@
   display: flex;
 }
 .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div {
-  height: 441px;
+  height: 430px;
   width: 50%;
 }
 .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer {
@@ -746,9 +754,9 @@
 }
 .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-pivot-treeview-outer-div {
   display: inline-block;
-  height: 414px;
+  height: 398px;
   overflow: auto;
-  width: 310px;
+  width: 100% !important;
 }
 .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 {
   display: inline-table;
@@ -878,8 +886,8 @@
 
 .e-bigger.e-pivot-calc-dialog-div,
 .e-bigger .e-pivot-calc-dialog-div {
-  max-height: 580px !important;
-  min-width: 310px;
+  max-height: 600px !important;
+  min-width: 401px !important;
 }
 .e-bigger.e-pivot-calc-dialog-div .e-pivot-all-field-title,
 .e-bigger.e-pivot-calc-dialog-div .e-pivot-field-name-title,
@@ -925,17 +933,17 @@
 }
 .e-bigger.e-pivot-calc-dialog-div.e-olap-calc-dialog-div,
 .e-bigger .e-pivot-calc-dialog-div.e-olap-calc-dialog-div {
-  max-height: 700px !important;
-  min-width: 580px;
+  max-height: 750px !important;
+  min-width: 580px !important;
 }
 .e-bigger.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div,
 .e-bigger .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div {
-  height: 497px;
+  height: 570px;
   width: 283px;
 }
 .e-bigger.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-pivot-treeview-outer-div,
 .e-bigger .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-pivot-treeview-outer-div {
-  height: 465px;
+  height: 530px;
   width: 325px;
 }
 .e-bigger.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-pivot-all-field-title,
@@ -1003,7 +1011,7 @@
 .e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-member-editor-container ul,
 .e-pivotfieldlist-container .e-member-editor-dialog .e-member-editor-container ul {
   margin-left: -22px;
-  overflow: hidden;
+  overflow: auto !important;
 }
 .e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-member-editor-container ul li .e-list-text,
 .e-pivotfieldlist-container .e-member-editor-dialog .e-member-editor-container ul li .e-list-text {
@@ -1040,6 +1048,9 @@
 .e-pivotfieldlist-container .e-member-editor-dialog.e-olap-editor-dialog.e-rtl .e-member-editor-outer-container ul {
   margin-right: 0;
 }
+.e-pivotfieldlist-container .e-member-editor-dialog .e-toolbar .e-toolbar-items {
+  margin-left: 20px;
+}
 .e-pivotfieldlist-container .e-member-editor-dialog .e-clear-filter-button {
   float: left;
   margin: 0;
@@ -1101,7 +1112,7 @@
   padding-top: 12px;
 }
 .e-pivotfieldlist-container .e-member-editor-dialog .e-excelfilter .e-member-editor-container-outer-div {
-  height: 151px;
+  height: 165px;
 }
 .e-pivotfieldlist-container .e-member-editor-dialog .e-label-filter,
 .e-pivotfieldlist-container .e-member-editor-dialog .e-value-filter {
@@ -1138,6 +1149,10 @@
   opacity: 56%;
   padding: 14px 10px 9px 20px;
 }
+.e-pivotfieldlist-container .e-member-editor-dialog.e-rtl .e-toolbar .e-toolbar-items {
+  margin-left: 0;
+  margin-right: 20px;
+}
 .e-pivotfieldlist-container .e-member-editor-dialog.e-rtl .e-member-editor-outer-container .e-editor-search-container .e-filter-sort {
   margin-left: 0;
   margin-right: 10px;
@@ -1162,6 +1177,10 @@
   margin-left: 0;
   margin-right: 10px;
 }
+.e-pivotfieldlist-container .e-adaptive-field-list-dialog ul {
+  min-height: 170px;
+  overflow: auto;
+}
 .e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-member-editor-container ul li .e-calc-measure-icon,
 .e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-member-editor-container ul li .e-calc-dimension-icon,
 .e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-member-editor-container ul li .e-attributeCDB-icon,
@@ -1278,8 +1297,8 @@
 .e-pivotfieldlist-container .e-member-editor-dialog .e-dlg-content,
 .e-pivotfieldlist-container .e-value-field-settings .e-dlg-content {
   overflow: hidden;
-  padding: 0;
-  padding-top: 12px;
+  padding: 0 !important;
+  padding: 12px 0 0 0 !important;
 }
 .e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-dlg-content .e-empty-field::-webkit-input-placeholder,
 .e-pivotfieldlist-container .e-member-editor-dialog .e-dlg-content .e-empty-field::-webkit-input-placeholder,
@@ -1443,7 +1462,7 @@
 .e-bigger .e-pivotfieldlist-container .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div,
 .e-bigger.e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div,
 .e-bigger.e-pivotfieldlist-container .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div {
-  height: 122px;
+  height: 130px;
 }
 .e-bigger .e-pivotfieldlist-container .e-member-editor-dialog .e-editor-search-container .e-sort-ascend-icon,
 .e-bigger .e-pivotfieldlist-container .e-member-editor-dialog .e-editor-search-container .e-sort-descend-icon,
@@ -1517,7 +1536,7 @@
 }
 .e-bigger .e-pivotfieldlist-container .e-member-editor-dialog .e-excelfilter .e-member-editor-container-outer-div,
 .e-bigger.e-pivotfieldlist-container .e-member-editor-dialog .e-excelfilter .e-member-editor-container-outer-div {
-  height: 91px !important;
+  height: 110px !important;
 }
 .e-bigger .e-pivotfieldlist-container .e-member-editor-dialog .e-label-filter,
 .e-bigger .e-pivotfieldlist-container .e-member-editor-dialog .e-value-filter,
@@ -1553,7 +1572,7 @@
 }
 .e-bigger .e-pivotfieldlist-container .e-member-editor-dialog.e-excel-filter,
 .e-bigger.e-pivotfieldlist-container .e-member-editor-dialog.e-excel-filter {
-  min-width: 350px;
+  min-width: 350px !important;
 }
 .e-bigger .e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-dlg-header-content .e-clear-filter-button.e-small,
 .e-bigger .e-pivotfieldlist-container .e-member-editor-dialog .e-dlg-header-content .e-clear-filter-button.e-small,
@@ -1668,6 +1687,25 @@
   min-height: 36px;
   min-width: 36px;
 }
+.e-bigger .e-pivotfieldlist .e-member-editor-dialog,
+.e-bigger .e-pivotfieldlist .e-olap-editor-dialog,
+.e-bigger.e-pivotfieldlist .e-member-editor-dialog,
+.e-bigger.e-pivotfieldlist .e-olap-editor-dialog {
+  max-height: 400px !important;
+  min-width: 370px !important;
+}
+.e-bigger .e-pivotfieldlist .e-member-editor-dialog .e-member-editor-container-outer-div,
+.e-bigger .e-pivotfieldlist .e-olap-editor-dialog .e-member-editor-container-outer-div,
+.e-bigger.e-pivotfieldlist .e-member-editor-dialog .e-member-editor-container-outer-div,
+.e-bigger.e-pivotfieldlist .e-olap-editor-dialog .e-member-editor-container-outer-div {
+  min-height: 113px !important;
+}
+.e-bigger .e-pivotfieldlist .e-member-editor-dialog .e-member-editor-container-outer-div .e-list-parent .e-ul,
+.e-bigger .e-pivotfieldlist .e-olap-editor-dialog .e-member-editor-container-outer-div .e-list-parent .e-ul,
+.e-bigger.e-pivotfieldlist .e-member-editor-dialog .e-member-editor-container-outer-div .e-list-parent .e-ul,
+.e-bigger.e-pivotfieldlist .e-olap-editor-dialog .e-member-editor-container-outer-div .e-list-parent .e-ul {
+  height: auto;
+}
 
 .e-pivotfieldlist-container {
   font-family: Inter;
@@ -1733,7 +1771,6 @@
 .e-pivotfieldlist-container .e-dlg-header-content,
 .e-pivotfieldlist-container .e-footer-content {
   border: 0;
-  height: 46px;
 }
 .e-pivotfieldlist-container .e-field-list-title {
   display: -ms-flexbox;
@@ -1894,6 +1931,9 @@
 .e-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list ul li .e-list-text {
   font-family: Inter;
 }
+.e-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list ul li.e-disable {
+  display: none !important;
+}
 .e-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list.e-olap-field-list-tree ul li {
   margin-left: 0;
   margin-right: 0;
@@ -2351,6 +2391,59 @@
 .e-pivotfieldlist-container .e-field-list-container .e-axis-table.e-olap-axis-table {
   width: 60%;
 }
+.e-pivotfieldlist-container.e-search-mode.e-static {
+  max-height: 750px;
+}
+.e-pivotfieldlist-container.e-search-mode.e-static .e-field-list-container .e-field-table {
+  height: 261px;
+}
+.e-pivotfieldlist-container.e-search-mode.e-popup {
+  min-height: 540px;
+}
+.e-pivotfieldlist-container.e-search-mode.e-popup .e-field-list-container {
+  height: 369px;
+}
+.e-pivotfieldlist-container.e-search-mode.e-popup .e-field-list-container .e-field-table {
+  height: 389px !important;
+}
+.e-pivotfieldlist-container.e-search-mode.e-popup .e-field-list-container .e-axis-table {
+  height: 392px;
+}
+.e-pivotfieldlist-container.e-search-mode.e-popup .e-field-list-container .e-axis-table .e-axis-content {
+  height: 160px !important;
+}
+.e-pivotfieldlist-container.e-search-mode .e-member-prompt {
+  color: #d1d5db;
+  padding: 25px 12px;
+  text-align: center;
+  width: 100%;
+}
+.e-pivotfieldlist-container.e-search-mode .e-member-prompt.e-disable {
+  display: none;
+}
+.e-pivotfieldlist-container.e-search-mode .e-field-table .e-field-list-search {
+  display: -ms-flexbox;
+  display: flex;
+  padding: 10px 18px;
+}
+.e-pivotfieldlist-container.e-search-mode .e-field-table .e-field-list-search .e-field-list-search-input .e-field-list-search-icon {
+  float: right;
+  font-size: 14px;
+}
+.e-pivotfieldlist-container.e-search-mode .e-field-table .e-field-list-search .e-input-group .e-input-group-icon,
+.e-pivotfieldlist-container.e-search-mode .e-field-table .e-field-list-search .e-input-group.e-control-wrapper .e-input-group-icon {
+  border-width: 0 !important;
+  cursor: text !important;
+}
+.e-pivotfieldlist-container.e-search-mode .e-field-table .e-field-list-search .e-input-group-icon:hover {
+  background-color: transparent !important;
+  border: transparent !important;
+  color: currentColor !important;
+}
+.e-pivotfieldlist-container.e-search-mode .e-field-table .e-field-list-tree-outer-div .e-disable,
+.e-pivotfieldlist-container.e-search-mode .e-field-table .e-disable {
+  display: none !important;
+}
 .e-pivotfieldlist-container .e-calculated-field {
   color: #374151;
   font-size: 14px;
@@ -2435,7 +2528,7 @@
   width: 100%;
 }
 .e-pivotfieldlist-container.e-static .e-field-list-container .e-field-table .e-field-list-tree-outer-div {
-  height: 175px;
+  height: 180px;
 }
 .e-pivotfieldlist-container.e-static .e-field-list-container .e-center-div {
   display: none;
@@ -2499,6 +2592,11 @@
   background-color: transparent;
   color: rgba(17, 24, 39, 0.87);
 }
+.e-pivotfieldlist-container.e-device .e-adaptive-field-list-dialog .e-dlg-content .e-field-list-tree-outer-div,
+.e-pivotfieldlist-container.e-device .e-member-editor-dialog .e-dlg-content .e-field-list-tree-outer-div {
+  height: 210px;
+  overflow: auto;
+}
 .e-pivotfieldlist-container.e-device .e-title-mobile-header {
   display: -ms-flexbox;
   display: flex;
@@ -3391,4 +3489,41 @@
 .e-bigger.e-pivotfieldlist-container.e-rtl .e-axis-table .e-right-axis-fields .e-field-list-values .e-pivot-button .e-edit {
   padding-left: 0;
   padding-right: 4px;
+}
+.e-bigger .e-pivotfieldlist-container.e-search-mode.e-static,
+.e-bigger.e-pivotfieldlist-container.e-search-mode.e-static {
+  max-height: 750px;
+}
+.e-bigger .e-pivotfieldlist-container.e-search-mode.e-static .e-field-list-container,
+.e-bigger.e-pivotfieldlist-container.e-search-mode.e-static .e-field-list-container {
+  max-height: 800px;
+}
+.e-bigger .e-pivotfieldlist-container.e-search-mode.e-static .e-field-list-container .e-field-table,
+.e-bigger.e-pivotfieldlist-container.e-search-mode.e-static .e-field-list-container .e-field-table {
+  height: 270px;
+}
+.e-bigger .e-pivotfieldlist-container.e-search-mode.e-popup,
+.e-bigger.e-pivotfieldlist-container.e-search-mode.e-popup {
+  max-height: 600px !important;
+  min-height: 566px !important;
+}
+.e-bigger .e-pivotfieldlist-container.e-search-mode.e-popup .e-field-list-container,
+.e-bigger.e-pivotfieldlist-container.e-search-mode.e-popup .e-field-list-container {
+  height: 387px;
+}
+.e-bigger .e-pivotfieldlist-container.e-search-mode.e-popup .e-field-list-container .e-field-table,
+.e-bigger.e-pivotfieldlist-container.e-search-mode.e-popup .e-field-list-container .e-field-table {
+  height: 400px !important;
+}
+.e-bigger .e-pivotfieldlist-container.e-search-mode.e-popup .e-field-list-container .e-axis-table,
+.e-bigger.e-pivotfieldlist-container.e-search-mode.e-popup .e-field-list-container .e-axis-table {
+  height: 404px;
+}
+.e-bigger .e-pivotfieldlist-container.e-search-mode.e-popup .e-field-list-container .e-axis-table .e-axis-content,
+.e-bigger.e-pivotfieldlist-container.e-search-mode.e-popup .e-field-list-container .e-axis-table .e-axis-content {
+  height: 165px !important;
+}
+.e-bigger .e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-dlg-content .e-field-list-tree-outer-div,
+.e-bigger.e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-dlg-content .e-field-list-tree-outer-div {
+  max-height: 179px;
 }

package/styles/pivotview/_bootstrap-dark-definition.scss

@@ -46,7 +46,7 @@ $pivotgrid-expcoldiv-fontsize: 12px !default;
 $pivotgrid-vsort-mouse-margin: -15px 0 !default;
 $pivotgrid-vsort-row-margin: 0 !default;
 $pivotgrid-vsort-mouse-wrap-margin: -30px -15px !default;
-$pivotgrid-vsort-touch-margin: -30px -18px !default;
+$pivotgrid-vsort-touch-margin: -13px -11px !default;
 $pivotgrid-vsort-touch-wrap-margin: -30px -18px !default;
 $pivotgrid-tooltip-padding: 3px 2px !default;
 $pivotgrid-tooltip-fontcolor: $grey-base !default;
@@ -103,7 +103,8 @@ $pivotgrid-border-color: #545b62;
 $pivotgrid-active-border-color: #4e555b;
 $pivotgrid-box-shadow-color: rgba(108, 117, 125, .5);
 $pivot-toolbar-icon-hover-color: $pivotgrid-icon-hover-color !default;
-
+$pivotgrid-value-sort-icon-padding: 3px 4px 4px 4px !default;
+$pivotgrid-value-sort-icon-font-size: 12px !default;
 
 //enddefault
 
@@ -127,3 +128,4 @@ $pivotgrid-grouping-padding-top: 0 !default;
 $pivotgrid-grouping-bigger-padding-top: 0 !default;
 $pivotgrid-button-icon-wrapper-size: 18px !default;
 $pivotgrid-bigger-button-icon-wrapper-size: 20px !default;
+$pivotgrid-bigger-button-icon-touch-margin-size: 0 !default;

package/styles/pivotview/_bootstrap-definition.scss

@@ -46,7 +46,7 @@ $pivotgrid-expcoldiv-fontsize: 11px !default;
 $pivotgrid-vsort-mouse-margin: -15px 0 !default;
 $pivotgrid-vsort-row-margin: 0 !default;
 $pivotgrid-vsort-mouse-wrap-margin: -30px -15px !default;
-$pivotgrid-vsort-touch-margin: -30px -18px !default;
+$pivotgrid-vsort-touch-margin: -14px -9px !default;
 $pivotgrid-vsort-touch-wrap-margin: -30px -18px !default;
 $pivotgrid-tooltip-padding: 3px 2px !default;
 $pivotgrid-tooltip-fontcolor: #fff !default;
@@ -102,7 +102,8 @@ $pivotgrid-border-color: #545b62;
 $pivotgrid-active-border-color: #4e555b;
 $pivotgrid-box-shadow-color: rgba(108, 117, 125, .5);
 $pivot-toolbar-icon-hover-color: $pivotgrid-icon-hover-color !default;
-
+$pivotgrid-value-sort-icon-padding: 3px 4px 4px 4px !default;
+$pivotgrid-value-sort-icon-font-size: 12px !default;
 
 /*! component's common definitions and variables */
 $pivotgrid-grouping-height: 28px !default;
@@ -124,3 +125,4 @@ $pivotgrid-grouping-padding-top: 0 !default;
 $pivotgrid-grouping-bigger-padding-top: 0 !default;
 $pivotgrid-button-icon-wrapper-size: 18px !default;
 $pivotgrid-bigger-button-icon-wrapper-size: 20px !default;
+$pivotgrid-bigger-button-icon-touch-margin-size: 1px !default;

package/styles/pivotview/_bootstrap4-definition.scss

@@ -46,7 +46,7 @@ $pivotgrid-expcoldiv-fontsize: 13px !default;
 $pivotgrid-vsort-mouse-margin: -15px 0 !default;
 $pivotgrid-vsort-row-margin: 0 !default;
 $pivotgrid-vsort-mouse-wrap-margin: -30px -15px !default;
-$pivotgrid-vsort-touch-margin: -28px -18px !default;
+$pivotgrid-vsort-touch-margin: -14px -8px !default;
 $pivotgrid-vsort-touch-wrap-margin: -30px -18px !default;
 $pivotgrid-tooltip-padding: 3px 2px !default;
 $pivotgrid-tooltip-fontcolor: #fff !default;
@@ -102,7 +102,8 @@ $pivotgrid-border-color: #545b62;
 $pivotgrid-active-border-color: #4e555b;
 $pivotgrid-box-shadow-color: rgba(108, 117, 125, .5);
 $pivot-toolbar-icon-hover-color: $pivotgrid-icon-hover-color !default;
-
+$pivotgrid-value-sort-icon-padding: 3px 0 4px 0 !default;
+$pivotgrid-value-sort-icon-font-size: 12px !default;
 
 /*! component's common definitions and variables */
 $pivotgrid-grouping-height: 30px !default;
@@ -124,3 +125,4 @@ $pivotgrid-grouping-padding-top: 0 !default;
 $pivotgrid-grouping-bigger-padding-top: 0 !default;
 $pivotgrid-button-icon-wrapper-size: 18px !default;
 $pivotgrid-bigger-button-icon-wrapper-size: 20px !default;
+$pivotgrid-bigger-button-icon-touch-margin-size: 2px !default;

package/styles/pivotview/_bootstrap5-definition.scss

@@ -24,14 +24,14 @@ $pivotgrid-button-border-radius: 4px !default;
 $pivotgrid-editor-dialog-footer-padding: 8px !default;
 $pivotgrid-expand-icon-fontsize: 20px !default;
 $pivotgrid-expcoldiv-fontsize: 10px !default;
-$pivotgrid-drill-margintop: 3px !default;
-$pivotgrid-bigger-drill-margintop: 4px !default;
+$pivotgrid-drill-margintop: 0 !default;
+$pivotgrid-bigger-drill-margintop: 0 !default;
 $pivotgrid-rtl-expand-icon-font-size: 10px !default;
-$pivotgrid-collapse-icon-fonsize: 18px !default;
+$pivotgrid-collapse-icon-fonsize: 20px !default;
 $pivotgrid-vsort-mouse-margin: -15px 0 !default;
 $pivotgrid-vsort-row-margin: 0 !default;
 $pivotgrid-vsort-mouse-wrap-margin: -18px !default;
-$pivotgrid-vsort-touch-margin: -23px -15px !default;
+$pivotgrid-vsort-touch-margin: -15px -8px !default;
 $pivotgrid-vsort-touch-wrap-margin: -18px -15px !default;
 $pivotgrid-tooltip-padding: 3px 4px !default;
 $pivotgrid-tooltip-fontsize: 14px !default;
@@ -71,8 +71,8 @@ $pivotgrid-bg-color: $content-bg-color-alt1;
 $pivotgrid-border-color: $border-light;
 $pivotgrid-active-border-color: $border-light;
 $pivotgrid-box-shadow-color: rgba(108, 117, 125, .5);
-
-
+$pivotgrid-value-sort-icon-padding: 6px 0 4px 0 !default;
+$pivotgrid-value-sort-icon-font-size: 12px !default;
 
 // normal
 $pivotgrid-active-color: $icon-color !default;
@@ -118,13 +118,14 @@ $pivotview-axis-indent-padding: $pivotview-grid-indent-padding !default;
 $pivotview-axis-bigger-indent-padding: $pivotview-grid-bigger-indent-padding !default;
 $pivotgrid-button-font-size: 13px !default;
 $pivotgrid-bigger-button-font-size: 13px !default;
-$pivotgrid-button-inner-padding: 5px !default;
+$pivotgrid-button-inner-padding: 3px !default;
 $pivotgrid-bigger-button-inner-padding: 5px !default;
 $pivotgrid-bigger-excel-dialog-min-width: 350px !default;
 $pivotgrid-expand-bigger-icon-fontsize: 24px !default;
-$pivotgrid-collapse-bigger-icon-fontsize: 22px !default;
+$pivotgrid-collapse-bigger-icon-fontsize: 24px !default;
 $pivotgrid-grouping-padding-bottom: 12px !default;
 $pivotgrid-grouping-padding-top: 12px !default;
 $pivotgrid-grouping-bigger-padding-top: 16px !default;
 $pivotgrid-button-icon-wrapper-size: 18px !default;
 $pivotgrid-bigger-button-icon-wrapper-size: 20px !default;
+$pivotgrid-bigger-button-icon-touch-margin-size: 2px !default;

package/styles/pivotview/_fabric-dark-definition.scss

@@ -45,7 +45,7 @@ $pivotgrid-expcoldiv-fontsize: 10px !default;
 $pivotgrid-vsort-mouse-margin: -21px 0 !default;
 $pivotgrid-vsort-row-margin: 0 !default;
 $pivotgrid-vsort-mouse-wrap-margin: -17px 0 !default;
-$pivotgrid-vsort-touch-margin: -23px -5px !default;
+$pivotgrid-vsort-touch-margin: -18px -5px !default;
 $pivotgrid-vsort-touch-wrap-margin: -17px -5px !default;
 $pivotgrid-tooltip-padding: 3px 3px !default;
 $pivotgrid-tooltip-fontcolor: $grey-dark-font !default;
@@ -101,6 +101,8 @@ $pivotgrid-border-color: #545b62;
 $pivotgrid-active-border-color: #4e555b;
 $pivotgrid-box-shadow-color: rgba(108, 117, 125, .5);
 $pivot-toolbar-icon-hover-color: $pivotgrid-icon-hover-color !default;
+$pivotgrid-value-sort-icon-padding: 3px 4px 4px 4px !default;
+$pivotgrid-value-sort-icon-font-size: 12px !default;
 
 //enddefault
 
@@ -125,3 +127,4 @@ $pivotgrid-grouping-padding-top: 0 !default;
 $pivotgrid-grouping-bigger-padding-top: 0 !default;
 $pivotgrid-button-icon-wrapper-size: 18px !default;
 $pivotgrid-bigger-button-icon-wrapper-size: 20px !default;
+$pivotgrid-bigger-button-icon-touch-margin-size: 1px !default;

package/styles/pivotview/_fabric-definition.scss

@@ -45,7 +45,7 @@ $pivotgrid-expcoldiv-fontsize: 12px !default;
 $pivotgrid-vsort-mouse-margin: -21px 0 !default;
 $pivotgrid-vsort-row-margin: 0 !default;
 $pivotgrid-vsort-mouse-wrap-margin: -17px 0 !default;
-$pivotgrid-vsort-touch-margin: -23px -5px !default;
+$pivotgrid-vsort-touch-margin: -18px -5px !default;
 $pivotgrid-vsort-touch-wrap-margin: -17px -5px !default;
 $pivotgrid-tooltip-padding: 3px 3px !default;
 $pivotgrid-tooltip-fontcolor: #333 !default;
@@ -100,7 +100,8 @@ $pivotgrid-border-color: #545b62;
 $pivotgrid-active-border-color: #4e555b;
 $pivotgrid-box-shadow-color: rgba(108, 117, 125, .5);
 $pivot-toolbar-icon-hover-color: $pivotgrid-icon-hover-color !default;
-
+$pivotgrid-value-sort-icon-padding: 3px 4px 4px 4px !default;
+$pivotgrid-value-sort-icon-font-size: 12px !default;
 
 /*! component's common definitions and variables */
 $pivotgrid-grouping-height: 30px !default;
@@ -123,3 +124,4 @@ $pivotgrid-grouping-padding-top: 0 !default;
 $pivotgrid-grouping-bigger-padding-top: 0 !default;
 $pivotgrid-button-icon-wrapper-size: 18px !default;
 $pivotgrid-bigger-button-icon-wrapper-size: 20px !default;
+$pivotgrid-bigger-button-icon-touch-margin-size: 1px !default;

package/styles/pivotview/_fluent-definition.scss

@@ -24,14 +24,14 @@ $pivotgrid-button-border-radius: 2px !default;
 $pivotgrid-editor-dialog-footer-padding: 8px !default;
 $pivotgrid-expand-icon-fontsize: 18px !default;
 $pivotgrid-expcoldiv-fontsize: 10px !default;
-$pivotgrid-drill-margintop: 3px !default;
-$pivotgrid-bigger-drill-margintop: 4px !default;
+$pivotgrid-drill-margintop: 0 !default;
+$pivotgrid-bigger-drill-margintop: 0 !default;
 $pivotgrid-rtl-expand-icon-font-size: 18px !default;
-$pivotgrid-collapse-icon-fonsize: 16px !default;
+$pivotgrid-collapse-icon-fonsize: 18px !default;
 $pivotgrid-vsort-mouse-margin: -15px 0 !default;
 $pivotgrid-vsort-row-margin: 0 !default;
 $pivotgrid-vsort-mouse-wrap-margin: -18px !default;
-$pivotgrid-vsort-touch-margin: -26px -10px !default;
+$pivotgrid-vsort-touch-margin: -14px -10px !default;
 $pivotgrid-vsort-touch-wrap-margin: -18px -15px !default;
 $pivotgrid-tooltip-padding: 3px 4px !default;
 $pivotgrid-tooltip-fontsize: 14px !default;
@@ -53,12 +53,12 @@ $pivotgrid-editor-label-excel-width: 280px !default;
 $pivotgrid-editor-label-excel-padding-size: 14px 10px 9px 20px !default;
 $pivotgrid-editor-label-excel-opacity: 56%;
 $pivotgrid-drillthrough-header-font-weight: 600 !default;
-$pivotgrid-menubar-height: 30px !default;
-$pivotgrid-bigger-menubar-height: 42px !default;
+$pivotgrid-menubar-height: 26px !default;
+$pivotgrid-bigger-menubar-height: 26px !default;
 $pivotgrid-sort-wrapper-padding-size: 10px !default;
 $pivotgrid-group-chart-values-dropdown-margin: 2px !default;
 $pivotgrid-group-chart-values-dropdown-margin-bigger: 4px !default;
-$pivotgrid-report-label-margin-top: 8px !default;
+$pivotgrid-report-label-margin-top: 4px !default;
 $pivotgrid-bigger-report-label-margin-top: 5px !default;
 $pivotview-value-sort-rtl-padding: 1.8em !default;
 // $pivotview-filter-toolbar-indicator-margin-left: 20px !default;
@@ -71,7 +71,8 @@ $pivotgrid-bg-color: $transparent;
 $pivotgrid-border-color: $border-light;
 $pivotgrid-active-border-color: $border-light;
 $pivotgrid-box-shadow-color: rgba(108, 117, 125, .5);
-
+$pivotgrid-value-sort-icon-padding: 3px 4px 4px 4px !default;
+$pivotgrid-value-sort-icon-font-size: 14px !default;
 
 // normal
 $pivotgrid-active-color: $icon-color !default;
@@ -121,9 +122,10 @@ $pivotgrid-button-inner-padding: 3px !default;
 $pivotgrid-bigger-button-inner-padding: 6px !default;
 $pivotgrid-bigger-excel-dialog-min-width: 350px !default;
 $pivotgrid-expand-bigger-icon-fontsize: 24px !default;
-$pivotgrid-collapse-bigger-icon-fontsize: 20px !default;
+$pivotgrid-collapse-bigger-icon-fontsize: 24px !default;
 $pivotgrid-grouping-padding-bottom: 12px !default;
 $pivotgrid-grouping-padding-top: 12px !default;
 $pivotgrid-grouping-bigger-padding-top: 16px !default;
 $pivotgrid-button-icon-wrapper-size: 18px !default;
 $pivotgrid-bigger-button-icon-wrapper-size: 20px !default;
+$pivotgrid-bigger-button-icon-touch-margin-size: 2px !default;