@syncfusion/ej2-angular-pivotview 20.2.36 → 20.2.38

package/styles/pivotfieldlist/tailwind.css

@@ -25,6 +25,10 @@
   content: "\e774";
 }
 
+.e-pivot-calc-dialog-div {
+  /* stylelint-disable */
+  /* stylelint-enable */
+}
 .e-pivot-calc-dialog-div .e-drag::before {
   content: "\e726";
 }
@@ -123,6 +127,11 @@
   content: "\e7d8" !important;
 }
 
+.e-pivotfieldlist-wrapper,
+.e-pivotfieldlist-container {
+  /* stylelint-disable */
+  /* stylelint-enable */
+}
 .e-pivotfieldlist-wrapper .e-field-list-back-icon::before,
 .e-pivotfieldlist-container .e-field-list-back-icon::before {
   content: "\e773";
@@ -317,9 +326,10 @@
 }
 
 .e-pivot-formatting-dialog {
+  /* stylelint-disable */
   max-height: 480px !important;
-  min-width: 628px !important;
-  width: 628px !important;
+  width: 640px !important;
+  /* stylelint-enable */
 }
 .e-pivot-formatting-dialog .e-format-table tr:nth-child(odd) td {
   padding-bottom: 4px;
@@ -333,6 +343,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;
@@ -393,7 +404,9 @@
   border: 1px solid #e5e7eb;
   border-radius: 4px;
   height: 28px;
+  /* stylelint-disable */
   margin: 0 !important;
+  /* stylelint-enable */
   padding-left: 6px;
   padding-top: 6px;
   width: 80px;
@@ -414,7 +427,9 @@
 .e-pivot-formatting-dialog .e-split-preview,
 .e-pivot-formatting-dialog .e-tip-transparent {
   border: 1px solid #e5e7eb;
+  /* stylelint-disable */
   border-radius: 0 !important;
+  /* stylelint-enable */
   height: 40%;
   left: -3px;
   position: absolute;
@@ -422,8 +437,13 @@
   width: 150%;
 }
 .e-pivot-formatting-dialog.e-device {
+  /* stylelint-disable */
   min-width: 320px !important;
   width: 100% !important;
+  /* stylelint-enable */
+}
+.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,
@@ -472,8 +492,11 @@
 
 .e-bigger.e-pivot-formatting-dialog,
 .e-bigger .e-pivot-formatting-dialog {
-  min-width: 680px !important;
-  width: 680px !important;
+  /* stylelint-disable */
+  width: 730px !important;
+  /* stylelint-enable */
+  /* stylelint-disable */
+  /* stylelint-enable */
 }
 .e-bigger.e-pivot-formatting-dialog .e-format-label,
 .e-bigger.e-pivot-formatting-dialog .e-format-value-label,
@@ -512,8 +535,10 @@
 }
 .e-bigger.e-pivot-formatting-dialog.e-device,
 .e-bigger .e-pivot-formatting-dialog.e-device {
+  /* stylelint-disable */
   min-width: 320px !important;
   width: 100% !important;
+  /* stylelint-enable */
 }
 .e-bigger.e-pivot-formatting-dialog.e-device .e-format-color-picker,
 .e-bigger .e-pivot-formatting-dialog.e-device .e-format-color-picker {
@@ -533,8 +558,14 @@
 }
 
 .e-pivot-calc-dialog-div {
+  /* stylelint-disable */
   max-height: 550px !important;
+  /* stylelint-enable */
   min-width: 290px;
+  /* stylelint-disable */
+  /* stylelint-enable */
+  /* stylelint-disable */
+  /* stylelint-enable */
 }
 .e-pivot-calc-dialog-div .e-dlg-header-content,
 .e-pivot-calc-dialog-div .e-footer-content {
@@ -580,9 +611,11 @@
 }
 .e-pivot-calc-dialog-div .e-treeview ul li .e-list-icon {
   color: #6b7280;
+  /* stylelint-disable */
   float: right !important;
   margin: 0;
   margin-right: 12px !important;
+  /* stylelint-enable */
 }
 .e-pivot-calc-dialog-div .e-treeview ul .e-fullrow {
   cursor: default;
@@ -633,12 +666,14 @@
   margin-right: 4px;
   pointer-events: auto;
   width: 24px;
+  /* stylelint-disable */
   height: 20px;
   margin-top: 0;
   padding: 0 5px;
   position: relative;
   bottom: 1px;
   width: 20px;
+  /* stylelint-enable */
 }
 .e-pivot-calc-dialog-div .e-treeview .e-list-item.e-active span.e-icons {
   color: #6b7280;
@@ -884,8 +919,11 @@
 
 .e-bigger.e-pivot-calc-dialog-div,
 .e-bigger .e-pivot-calc-dialog-div {
-  max-height: 590px !important;
+  /* stylelint-disable */
+  max-height: 600px !important;
   min-width: 401px !important;
+  /* stylelint-enable */
+  /* stylelint-disable */
 }
 .e-bigger.e-pivot-calc-dialog-div .e-pivot-all-field-title,
 .e-bigger.e-pivot-calc-dialog-div .e-pivot-field-name-title,
@@ -932,7 +970,7 @@
 .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: 750px !important;
-  min-width: 580px;
+  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 {
@@ -971,6 +1009,9 @@
 .e-pivotfieldlist-container .e-member-editor-dialog {
   max-width: 400px !important;
   min-width: 320px !important;
+  /* stylelint-enable */
+  /* stylelint-disable */
+  /* stylelint-enable */
 }
 .e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-member-prompt,
 .e-pivotfieldlist-container .e-member-editor-dialog .e-member-prompt {
@@ -1008,8 +1049,10 @@
 }
 .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 {
+  /* stylelint-disable */
   margin-left: -22px;
   overflow: auto !important;
+  /* stylelint-enable */
 }
 .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 {
@@ -1028,6 +1071,10 @@
   margin-left: 0;
   margin-right: -22px;
 }
+.e-pivotfieldlist-container .e-adaptive-field-list-dialog.e-olap-editor-dialog,
+.e-pivotfieldlist-container .e-member-editor-dialog.e-olap-editor-dialog {
+  /* stylelint-disable */
+}
 .e-pivotfieldlist-container .e-adaptive-field-list-dialog.e-olap-editor-dialog .e-member-editor-outer-container .e-member-editor-container ul,
 .e-pivotfieldlist-container .e-member-editor-dialog.e-olap-editor-dialog .e-member-editor-outer-container .e-member-editor-container ul {
   margin-left: 0;
@@ -1089,6 +1136,7 @@
 }
 .e-pivotfieldlist-container .e-member-editor-dialog .e-filter-tab-container {
   border: 0;
+  /* stylelint-enable */
 }
 .e-pivotfieldlist-container .e-member-editor-dialog .e-filter-tab-container .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text {
   margin: 0 0 0 6px;
@@ -1118,6 +1166,8 @@
   overflow: auto;
   padding: 20px;
   padding-bottom: 0;
+  /* stylelint-disable */
+  /* stylelint-enable */
   padding-top: 0;
 }
 .e-pivotfieldlist-container .e-member-editor-dialog .e-label-filter .e-filter-text-div,
@@ -1158,6 +1208,9 @@
 .e-pivotfieldlist-container .e-member-editor-dialog.e-rtl .e-footer-content .e-clear-filter-button {
   float: right;
 }
+.e-pivotfieldlist-container .e-member-editor-dialog.e-olap-editor-dialog {
+  /* stylelint-disable */
+}
 .e-pivotfieldlist-container .e-member-editor-dialog.e-olap-editor-dialog .e-member-editor-outer-container .e-select-all-container ul {
   margin-left: 0;
 }
@@ -1297,6 +1350,7 @@
   overflow: hidden;
   padding: 0 !important;
   padding: 12px 0 0 0 !important;
+  /* stylelint-enable */
 }
 .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,
@@ -1368,6 +1422,11 @@
 .e-pivot-calc.e-drag-item.e-treeview.e-rtl .e-text-content {
   padding-right: 0;
 }
+.e-field-list-tree.e-drag-item.e-treeview.e-drag-restrict,
+.e-pivot-calc.e-drag-item.e-treeview.e-drag-restrict {
+  /* stylelint-disable */
+  /* stylelint-enable */
+}
 .e-field-list-tree.e-drag-item.e-treeview.e-drag-restrict .e-text-content,
 .e-pivot-calc.e-drag-item.e-treeview.e-drag-restrict .e-text-content {
   padding-left: 24px;
@@ -1417,6 +1476,7 @@
   padding: 4px;
 }
 
+/* stylelint-disable */
 .e-button-drag-clone {
   background-color: #e5e7eb !important;
   border: 1px solid #e5e7eb;
@@ -1456,6 +1516,12 @@
   width: auto !important;
 }
 
+/* stylelint-enable */
+.e-bigger .e-pivotfieldlist-container,
+.e-bigger.e-pivotfieldlist-container {
+  /* stylelint-disable */
+  /* stylelint-enable */
+}
 .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,
 .e-bigger.e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div,
@@ -1520,6 +1586,10 @@
 .e-bigger.e-pivotfieldlist-container .e-member-editor-dialog.e-rtl .e-member-editor-outer-container ul li .e-kpiValue-icon {
   margin-left: 10px;
 }
+.e-bigger .e-pivotfieldlist-container .e-member-editor-dialog,
+.e-bigger.e-pivotfieldlist-container .e-member-editor-dialog {
+  /* stylelint-disable */
+}
 .e-bigger .e-pivotfieldlist-container .e-member-editor-dialog .e-filter-tab-container .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text,
 .e-bigger.e-pivotfieldlist-container .e-member-editor-dialog .e-filter-tab-container .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text {
   margin: 0 0 0 6px;
@@ -1672,6 +1742,7 @@
   background-color: #e5e7eb;
 }
 
+/* stylelint-disable */
 *.e-rtl .e-select-table {
   padding: 8px 5px;
 }
@@ -1710,6 +1781,8 @@
   font-size: 14px;
   max-width: 700px;
   min-width: 300px;
+  /* stylelint-enable */
+  /* stylelint-enable */
 }
 .e-pivotfieldlist-container .e-layout-footer {
   display: -ms-flexbox;
@@ -1832,6 +1905,8 @@
   display: -ms-flexbox;
   display: flex;
   padding-right: 18px;
+  /* stylelint-disable */
+  /* stylelint-enable */
 }
 .e-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-header-container .e-field-header {
   -ms-flex: auto;
@@ -1843,7 +1918,9 @@
   color: #374151;
   cursor: pointer;
   font-size: 14px;
+  /* stylelint-disable */
   height: 20px !important;
+  /* stylelint-enable */
   padding: 6px 0 0 4px;
   width: 20px;
 }
@@ -1876,9 +1953,13 @@
 }
 .e-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list ul {
   overflow: hidden;
+  /* stylelint-disable */
+  /* stylelint-enable */
 }
 .e-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list ul li {
   margin-left: -30px;
+  /* stylelint-disable */
+  /* stylelint-enable */
 }
 .e-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list ul li .e-fullrow {
   cursor: default;
@@ -2396,10 +2477,12 @@
   height: 261px;
 }
 .e-pivotfieldlist-container.e-search-mode.e-popup {
-  height: 540px;
+  min-height: 540px;
 }
 .e-pivotfieldlist-container.e-search-mode.e-popup .e-field-list-container {
   height: 369px;
+  /* stylelint-disable */
+  /* stylelint-enable */
 }
 .e-pivotfieldlist-container.e-search-mode.e-popup .e-field-list-container .e-field-table {
   height: 389px !important;
@@ -2423,6 +2506,7 @@
   display: -ms-flexbox;
   display: flex;
   padding: 10px 18px;
+  /* stylelint-disable */
 }
 .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;
@@ -2459,6 +2543,8 @@
 .e-pivotfieldlist-container.e-rtl .e-field-table .e-field-list ul li {
   margin-left: 0;
   margin-right: -30px;
+  /* stylelint-disable */
+  /* stylelint-enable */
 }
 .e-pivotfieldlist-container.e-rtl .e-field-table .e-field-list ul li .e-list-text {
   font-family: Inter;
@@ -2489,6 +2575,8 @@
 .e-pivotfieldlist-container.e-rtl .e-field-table .e-field-header-container {
   padding-left: 18px;
   padding-right: 0;
+  /* stylelint-disable */
+  /* stylelint-enable */
 }
 .e-pivotfieldlist-container.e-rtl .e-field-table .e-field-header-container .e-sort-none,
 .e-pivotfieldlist-container.e-rtl .e-field-table .e-field-header-container .e-sort-ascend,
@@ -2570,8 +2658,10 @@
 }
 .e-pivotfieldlist-container.e-device {
   height: 100%;
+  /* stylelint-disable */
   max-height: 100% !important;
   max-width: 100% !important;
+  /* stylelint-enable */
   min-height: 500px;
   width: 100%;
 }
@@ -2590,6 +2680,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;
@@ -2673,6 +2768,8 @@
   padding: 9px 16px;
   text-transform: none;
   width: 100%;
+  /* stylelint-disable */
+  /* stylelint-enable */
 }
 .e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-field-list-filters .e-pvt-btn-div .e-pivot-button.e-list-selected,
 .e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-field-list-rows .e-pvt-btn-div .e-pivot-button.e-list-selected,
@@ -2864,6 +2961,10 @@
   vertical-align: middle;
   width: 70%;
 }
+.e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div {
+  /* stylelint-disable */
+  /* stylelint-enable */
+}
 .e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div .e-pivot-formula {
   background-color: #fff;
   border: 1px solid #e5e7eb;
@@ -2911,6 +3012,10 @@
 .e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div .e-accordion .e-icons.e-frame {
   margin-right: 12px;
 }
+.e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div .e-accordion.e-rtl {
+  /* stylelint-disable */
+  /* stylelint-enable */
+}
 .e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div .e-accordion.e-rtl .e-acrdn-header-icon {
   left: 16px;
   right: auto;
@@ -3060,6 +3165,10 @@
 .e-pivotfieldlist-container.e-device.e-static .e-field-list-values .e-axis-content {
   max-height: 600px;
 }
+.e-pivotfieldlist-container.e-device.e-rtl {
+  /* stylelint-disable */
+  /* stylelint-enable */
+}
 .e-pivotfieldlist-container.e-device.e-rtl .e-field-list-back-icon {
   margin-left: 12px;
   margin-right: 0;
@@ -3080,6 +3189,11 @@
   margin-left: 20px;
 }
 
+/* stylelint-disable */
+.e-bigger .e-pivotfieldlist-container .e-field-table,
+.e-bigger.e-pivotfieldlist-container .e-field-table {
+  /* stylelint-enable */
+}
 .e-bigger .e-pivotfieldlist-container .e-field-table .e-left-axis-fields,
 .e-bigger .e-pivotfieldlist-container .e-field-table .e-right-axis-fields,
 .e-bigger.e-pivotfieldlist-container .e-field-table .e-left-axis-fields,
@@ -3231,6 +3345,16 @@
   margin-top: 4px;
   padding: 0 12px;
 }
+.e-bigger .e-pivotfieldlist-container .e-axis-table .e-left-axis-fields .e-field-list-filters .e-axis-content,
+.e-bigger .e-pivotfieldlist-container .e-axis-table .e-left-axis-fields .e-field-list-rows .e-axis-content,
+.e-bigger .e-pivotfieldlist-container .e-axis-table .e-right-axis-fields .e-field-list-columns .e-axis-content,
+.e-bigger .e-pivotfieldlist-container .e-axis-table .e-right-axis-fields .e-field-list-values .e-axis-content,
+.e-bigger.e-pivotfieldlist-container .e-axis-table .e-left-axis-fields .e-field-list-filters .e-axis-content,
+.e-bigger.e-pivotfieldlist-container .e-axis-table .e-left-axis-fields .e-field-list-rows .e-axis-content,
+.e-bigger.e-pivotfieldlist-container .e-axis-table .e-right-axis-fields .e-field-list-columns .e-axis-content,
+.e-bigger.e-pivotfieldlist-container .e-axis-table .e-right-axis-fields .e-field-list-values .e-axis-content {
+  /* stylelint-disable */
+}
 .e-bigger .e-pivotfieldlist-container .e-axis-table .e-left-axis-fields .e-field-list-filters .e-axis-content .e-pvt-btn-div .e-pivot-button,
 .e-bigger .e-pivotfieldlist-container .e-axis-table .e-left-axis-fields .e-field-list-rows .e-axis-content .e-pvt-btn-div .e-pivot-button,
 .e-bigger .e-pivotfieldlist-container .e-axis-table .e-right-axis-fields .e-field-list-columns .e-axis-content .e-pvt-btn-div .e-pivot-button,
@@ -3242,6 +3366,7 @@
   font-size: 14px;
   height: 36px !important;
   padding: 9px 16px !important;
+  /* stylelint-enable */
 }
 .e-bigger .e-pivotfieldlist-container .e-axis-table .e-left-axis-fields .e-field-list-filters .e-axis-content .e-pvt-btn-div .e-pivot-button .e-content,
 .e-bigger .e-pivotfieldlist-container .e-axis-table .e-left-axis-fields .e-field-list-rows .e-axis-content .e-pvt-btn-div .e-pivot-button .e-content,
@@ -3366,6 +3491,10 @@
 .e-bigger.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 {
   padding-top: 7px;
 }
+.e-bigger .e-pivotfieldlist-container.e-static.e-rtl .e-axis-table,
+.e-bigger.e-pivotfieldlist-container.e-static.e-rtl .e-axis-table {
+  /* stylelint-disable */
+}
 .e-bigger .e-pivotfieldlist-container.e-static.e-rtl .e-axis-table .e-left-axis-fields,
 .e-bigger.e-pivotfieldlist-container.e-static.e-rtl .e-axis-table .e-left-axis-fields {
   padding-left: 16px;
@@ -3378,6 +3507,7 @@
 .e-bigger.e-pivotfieldlist-container.e-rtl .e-field-table .e-field-list {
   padding-left: 0;
   padding-right: 5px;
+  /* stylelint-enable */
 }
 .e-bigger .e-pivotfieldlist-container.e-rtl .e-field-table .e-field-list .e-drag,
 .e-bigger.e-pivotfieldlist-container.e-rtl .e-field-table .e-field-list .e-drag {
@@ -3416,6 +3546,8 @@
 .e-bigger .e-pivotfieldlist-container.e-rtl .e-field-table .e-field-header-container,
 .e-bigger.e-pivotfieldlist-container.e-rtl .e-field-table .e-field-header-container {
   padding-left: 16px;
+  /* stylelint-disable */
+  /* stylelint-enable */
 }
 .e-bigger .e-pivotfieldlist-container.e-rtl .e-field-table .e-field-header-container .e-sort-none,
 .e-bigger .e-pivotfieldlist-container.e-rtl .e-field-table .e-field-header-container .e-sort-ascend,
@@ -3483,6 +3615,10 @@
   padding-left: 0;
   padding-right: 4px;
 }
+.e-bigger .e-pivotfieldlist-container.e-search-mode,
+.e-bigger.e-pivotfieldlist-container.e-search-mode {
+  /* stylelint-disable */
+}
 .e-bigger .e-pivotfieldlist-container.e-search-mode.e-static,
 .e-bigger.e-pivotfieldlist-container.e-search-mode.e-static {
   max-height: 750px;
@@ -3497,8 +3633,8 @@
 }
 .e-bigger .e-pivotfieldlist-container.e-search-mode.e-popup,
 .e-bigger.e-pivotfieldlist-container.e-search-mode.e-popup {
-  height: 550px !important;
   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 {
@@ -3515,4 +3651,10 @@
 .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;
+}
+
+/* stylelint-enable */

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;
@@ -128,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;
@@ -125,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;
@@ -125,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

@@ -27,11 +27,11 @@ $pivotgrid-expcoldiv-fontsize: 10px !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;
@@ -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;
@@ -127,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;
@@ -124,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

@@ -27,11 +27,11 @@ $pivotgrid-expcoldiv-fontsize: 10px !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;
@@ -122,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;

package/styles/pivotview/_fusionnew-definition.scss

@@ -128,3 +128,4 @@ $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: 0 !default;

package/styles/pivotview/_highcontrast-definition.scss

@@ -46,7 +46,7 @@ $pivotgrid-collapse-icon-fonsize: 10px !default;
 $pivotgrid-vsort-mouse-margin: -21px 0 !default;
 $pivotgrid-vsort-row-margin: 0 !default;
 $pivotgrid-vsort-mouse-wrap-margin: -18px 0 !default;
-$pivotgrid-vsort-touch-margin: -23px -6px !default;
+$pivotgrid-vsort-touch-margin: -18px -6px !default;
 $pivotgrid-vsort-touch-wrap-margin: -18px -6px !default;
 $pivotgrid-tooltip-padding: 0 0 !default;
 $pivotgrid-tooltip-fontcolor: $selection-font !default;
@@ -123,3 +123,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;