@syncfusion/ej2-vue-pivotview 20.1.47 → 20.1.48

package/styles/material.css

@@ -680,6 +680,9 @@
   background: #f5f5f5;
   border-bottom: 0;
   border-style: solid;
+  border-top: 1px solid #e0e0e0;
+  border-left: 1px solid #e0e0e0;
+  border-right: 1px solid #e0e0e0;
 }
 
 .e-pivotview .e-pivot-toolbar .e-toolbar-items {
@@ -698,7 +701,7 @@
 
 .e-pivotview .e-pivot-toolbar .e-menu-wrapper ul .e-menu-item,
 .e-pivotview .e-pivot-toolbar .e-menu-container ul .e-menu-item {
-  height: 40px !important;
+  height: 40px;
   overflow: hidden;
   padding-left: 10px;
 }
@@ -710,10 +713,6 @@
   font-size: 16px;
 }
 
-.e-pivotview .e-pivot-toolbar .e-tab .e-tab-header .e-toolbar-item.e-active {
-  margin-left: 18px !important;
-}
-
 .e-pivotview .e-pivot-toolbar .e-toolbar-item.e-template {
   padding: 0 !important;
 }
@@ -1053,18 +1052,6 @@
   margin-top: 12px;
 }
 
-.e-bigger .e-dialog .e-footer-content {
-  height: 62px;
-}
-
-.e-bigger .e-dialog .e-dlg-header-content {
-  padding-left: 10px;
-}
-
-.e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active {
-  margin-left: 24px !important;
-}
-
 /*! PivotView theme */
 .e-pivotview .e-nextspan {
   display: inline-block;
@@ -1092,11 +1079,8 @@
 
 .e-pivotview .e-grid
 .e-rowcell {
-  font-size: 13px !important;
+  font-size: 13px;
   padding-left: 8px;
-  -webkit-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
 }
 
 .e-pivotview .e-gtot,
@@ -1243,10 +1227,6 @@
 
 .e-pivotview .e-grid .e-rowsheader {
   padding-left: 8px;
-  -webkit-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  -webkit-touch-callout: none;
 }
 
 .e-pivotview .e-grid .e-rowsheader.e-active .e-icons {
@@ -1264,17 +1244,13 @@
   padding-left: 8px !important;
 }
 
-.e-pivotview .sf-grid .e-spinner-pane {
-  z-index: 1 !important;
-}
-
 .e-pivotview .sf-grid .e-headercelldiv,
 .e-pivotview .sf-grid .e-columnsheader {
   padding-right: 8px !important;
 }
 
-.e-pivotview .e-grid .e-headercelldiv,
-.e-pivotview .e-grid .e-stackedheadercelldiv {
+.e-pivotview .sf-grid .e-headercelldiv,
+.e-pivotview .sf-grid .e-stackedheadercelldiv {
   line-height: normal;
 }
 
@@ -1292,7 +1268,7 @@
 
 .e-pivotview .e-stackedheadertext.e-cellvalue,
 .e-pivotview .e-stackedheadercelldiv.e-cellvalue {
-  padding-left: 12px !important;
+  padding-left: 8px !important;
   margin-top: 5px;
 }
 
@@ -1996,7 +1972,7 @@
 
 .e-pivotview.e-rtl .e-stackedheadertext.e-cellvalue,
 .e-pivotview.e-rtl .e-stackedheadercelldiv.e-cellvalue {
-  padding-right: 12px !important;
+  padding-right: 8px !important;
 }
 
 .e-pivotview.e-rtl .e-sortfilterdiv {
@@ -2124,11 +2100,6 @@
   padding-left: 8px !important;
 }
 
-.e-bigger .e-pivotview .e-grid .e-gridheader .e-headercell .e-rhandler,
-.e-bigger.e-pivotview .e-grid .e-gridheader .e-headercell .e-rhandler {
-  height: 100% !important;
-}
-
 .e-bigger .e-pivotview .e-stackedheadercelldiv,
 .e-bigger .e-pivotview .e-stackedheadertext,
 .e-bigger .e-pivotview .e-headertext,
@@ -2140,11 +2111,6 @@
   font-size: 13px !important;
 }
 
-.e-bigger .e-pivotview .e-bigger .e-stackedheadercelldiv,
-.e-bigger.e-pivotview .e-bigger .e-stackedheadercelldiv {
-  padding-left: 16px !important;
-}
-
 .e-bigger .e-pivotview th .e-expand,
 .e-bigger .e-pivotview th .e-collapse,
 .e-bigger.e-pivotview th .e-expand,
@@ -2197,7 +2163,7 @@
 .e-bigger.e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-pv-filtered,
 .e-bigger.e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-remove,
 .e-bigger.e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-edit {
-  font-size: 14px !important;
+  font-size: 14px;
   height: 20px;
   width: 20px;
 }
@@ -2286,7 +2252,7 @@
 .e-bigger.e-pivotview .e-group-rows .e-pvt-btn-div .e-pivot-button .e-pv-filtered,
 .e-bigger.e-pivotview .e-group-rows .e-pvt-btn-div .e-pivot-button .e-remove,
 .e-bigger.e-pivotview .e-group-rows .e-pvt-btn-div .e-pivot-button .e-edit {
-  font-size: 14px !important;
+  font-size: 14px;
   height: 20px;
   width: 20px;
 }
@@ -2345,7 +2311,7 @@
 
 .e-bigger .e-pivotview .e-rowcell,
 .e-bigger.e-pivotview .e-rowcell {
-  font-size: 13px !important;
+  font-size: 13px;
 }
 
 .e-bigger .e-pivotview.e-rtl .e-grid .e-rowsheader,
@@ -2390,7 +2356,7 @@
 .e-bigger .e-pivotview.e-rtl .e-stackedheadercelldiv.e-cellvalue,
 .e-bigger.e-pivotview.e-rtl .e-stackedheadertext.e-cellvalue,
 .e-bigger.e-pivotview.e-rtl .e-stackedheadercelldiv.e-cellvalue {
-  padding-right: 16px !important;
+  padding-right: 8px !important;
 }
 
 .e-content-placeholder.e-pivotview.e-placeholder-pivotview {
@@ -2797,7 +2763,7 @@
 }
 
 .e-pivot-formatting-dialog .e-format-table tr:nth-child(odd) td {
-  padding-bottom: 4px;
+  padding-bottom: 10px;
 }
 
 .e-pivot-formatting-dialog .e-format-delete-icon {
@@ -2825,7 +2791,7 @@
 
 .e-pivot-formatting-dialog .e-format-font-color-picker {
   margin-left: 0;
-  margin-right: 16px;
+  margin-right: 18px;
 }
 
 .e-pivot-formatting-dialog .e-format-inner-div {
@@ -2948,7 +2914,7 @@
 }
 
 .e-pivot-formatting-dialog.e-rtl .e-format-font-color-picker {
-  margin-left: 16px;
+  margin-left: 18px;
   margin-right: 0;
 }
 
@@ -2970,10 +2936,6 @@
   padding-left: 12px;
 }
 
-.e-pivot-formatting-dialog.e-rtl.e-device .e-format-font-color-picker {
-  margin-right: 0;
-}
-
 .e-bigger.e-pivot-formatting-dialog,
 .e-bigger .e-pivot-formatting-dialog {
   min-width: 680px !important;
@@ -3068,7 +3030,7 @@
   color: rgba(0, 0, 0, 0.54);
   font-size: 13px;
   margin-bottom: 4px;
-  margin-top: 12px;
+  margin-top: 15px;
   overflow: hidden;
   padding: 4px 0;
   padding-bottom: 0;
@@ -3102,9 +3064,7 @@
 
 .e-pivot-calc-dialog-div .e-treeview ul li .e-list-icon {
   color: rgba(0, 0, 0, 0.54);
-  float: right !important;
   margin: 0;
-  margin-right: 12px !important;
 }
 
 .e-pivot-calc-dialog-div .e-treeview ul .e-fullrow {
@@ -3127,13 +3087,6 @@
   width: 24px;
 }
 
-.e-pivot-calc-dialog-div .e-treeview .e-list-item div.e-icons.e-format {
-  float: right;
-  font-size: 20px;
-  margin-right: 12px;
-  padding-top: 10px;
-}
-
 .e-pivot-calc-dialog-div .e-treeview .e-list-item div.e-iconspace {
   cursor: pointer;
   display: inline-block;
@@ -3156,9 +3109,9 @@
   font-size: 14px;
   height: 24px;
   margin-right: 4px;
+  padding: 5px;
   pointer-events: auto;
   width: 24px;
-  padding: 8px 8px 8px 12px;
 }
 
 .e-pivot-calc-dialog-div .e-dlg-header {
@@ -3274,7 +3227,7 @@
 }
 
 .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div {
-  height: 465px;
+  height: 430px;
   width: 50%;
 }
 
@@ -3286,7 +3239,7 @@
 
 .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: 436px;
+  height: 400px;
   overflow: auto;
   width: 100%;
 }
@@ -3344,7 +3297,6 @@
 .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-treeview ul .e-list-item div.e-icons {
   padding: 0;
   height: auto;
-  float: none !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 ul li {
@@ -3515,12 +3467,12 @@
 
 .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: 520px;
+  height: 501px;
 }
 
 .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: 485px;
+  height: 470px;
 }
 
 .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,
@@ -3826,7 +3778,7 @@
 }
 
 .e-pivotfieldlist-wrapper .e-value-field-settings .e-value-field-div-content {
-  padding: 0 24px 10px;
+  padding: 0 20px 10px;
 }
 
 .e-pivotfieldlist-wrapper .e-value-field-settings .e-value-field-div-content .e-field-option-wrapper .e-field-name-text-wrapper {
@@ -4630,7 +4582,7 @@
 
 .e-bigger .e-pivotfieldlist-wrapper .e-value-field-settings .e-value-field-div-content,
 .e-bigger.e-pivotfieldlist-wrapper .e-value-field-settings .e-value-field-div-content {
-  padding: 0 28px 10px;
+  padding: 0 20px 10px;
 }
 
 .e-bigger .e-pivotfieldlist-wrapper .e-value-field-settings .e-field-name-text-wrapper,
@@ -4690,7 +4642,6 @@
 .e-bigger.e-pivotfieldlist-wrapper .e-value-field-settings .e-base-item-option-wrapper .e-type-option-text,
 .e-bigger.e-pivotfieldlist-wrapper .e-value-field-settings .e-base-item-option-wrapper .e-caption-input-text {
   font-size: 14px;
-  padding-bottom: 6px;
 }
 
 .e-bigger .e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div,
@@ -5106,7 +5057,7 @@
   color: rgba(0, 0, 0, 0.54);
   cursor: pointer;
   font-size: 14px;
-  height: 20px !important;
+  height: 20px;
   padding: 7px 0 0 4px;
   width: 20px;
 }
@@ -6026,7 +5977,6 @@
   height: 24px;
   padding-left: 10px;
   width: 24px;
-  font-size: 14px !important;
 }
 
 .e-pivotfieldlist-wrapper.e-device .e-adaptive-container .e-content .e-field-list-filters .e-pvt-btn-div .e-pivot-button .e-sort:hover,
@@ -6580,7 +6530,7 @@
   color: rgba(0, 0, 0, 0.54);
   cursor: pointer;
   font-size: 14px;
-  height: 20px !important;
+  height: 20px;
   padding: 7px 0 0 4px;
   width: 20px;
 }
@@ -7500,7 +7450,6 @@
   height: 24px;
   padding-left: 10px;
   width: 24px;
-  font-size: 14px !important;
 }
 
 .e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-field-list-filters .e-pvt-btn-div .e-pivot-button .e-sort:hover,
@@ -7896,7 +7845,7 @@
 .e-bigger .e-pivotfieldlist-wrapper .e-field-table .e-right-axis-fields,
 .e-bigger.e-pivotfieldlist-wrapper .e-field-table .e-left-axis-fields,
 .e-bigger.e-pivotfieldlist-wrapper .e-field-table .e-right-axis-fields {
-  padding-left: 16px !important;
+  padding-left: 16px;
 }
 
 .e-bigger .e-pivotfieldlist-wrapper .e-field-table .e-field-header,
@@ -7922,7 +7871,7 @@
 .e-bigger.e-pivotfieldlist-wrapper .e-field-table .e-field-header-wrapper .e-sort-ascend,
 .e-bigger.e-pivotfieldlist-wrapper .e-field-table .e-field-header-wrapper .e-sort-descend {
   font-size: 16px;
-  height: 24px !important;
+  height: 24px;
   padding: 7px 0 0 4px;
   width: 24px;
 }
@@ -8361,7 +8310,7 @@
 .e-bigger.e-pivotfieldlist-container .e-field-table .e-field-header-container .e-sort-ascend,
 .e-bigger.e-pivotfieldlist-container .e-field-table .e-field-header-container .e-sort-descend {
   font-size: 16px;
-  height: 24px !important;
+  height: 24px;
   padding: 7px 0 0 4px;
   width: 24px;
 }

package/styles/pivotfieldlist/bootstrap-dark.css

@@ -400,7 +400,7 @@
 }
 
 .e-pivot-formatting-dialog .e-format-table tr:nth-child(odd) td {
-  padding-bottom: 4px;
+  padding-bottom: 10px;
 }
 
 .e-pivot-formatting-dialog .e-format-delete-icon {
@@ -428,7 +428,7 @@
 
 .e-pivot-formatting-dialog .e-format-font-color-picker {
   margin-left: 0;
-  margin-right: 16px;
+  margin-right: 18px;
 }
 
 .e-pivot-formatting-dialog .e-format-inner-div {
@@ -551,7 +551,7 @@
 }
 
 .e-pivot-formatting-dialog.e-rtl .e-format-font-color-picker {
-  margin-left: 16px;
+  margin-left: 18px;
   margin-right: 0;
 }
 
@@ -573,10 +573,6 @@
   padding-left: 12px;
 }
 
-.e-pivot-formatting-dialog.e-rtl.e-device .e-format-font-color-picker {
-  margin-right: 0;
-}
-
 .e-bigger.e-pivot-formatting-dialog,
 .e-bigger .e-pivot-formatting-dialog {
   min-width: 670px !important;
@@ -671,7 +667,7 @@
   color: #f0f0f0;
   font-size: 13px;
   margin-bottom: 4px;
-  margin-top: 12px;
+  margin-top: 15px;
   overflow: hidden;
   padding: 4px 0;
   padding-bottom: 0;
@@ -705,9 +701,7 @@
 
 .e-pivot-calc-dialog-div .e-treeview ul li .e-list-icon {
   color: #f0f0f0;
-  float: right !important;
   margin: 0;
-  margin-right: 12px !important;
 }
 
 .e-pivot-calc-dialog-div .e-treeview ul .e-fullrow {
@@ -730,13 +724,6 @@
   width: 24px;
 }
 
-.e-pivot-calc-dialog-div .e-treeview .e-list-item div.e-icons.e-format {
-  float: right;
-  font-size: 20px;
-  margin-right: 12px;
-  padding-top: 10px;
-}
-
 .e-pivot-calc-dialog-div .e-treeview .e-list-item div.e-iconspace {
   cursor: pointer;
   display: inline-block;
@@ -759,9 +746,9 @@
   font-size: 14px;
   height: 24px;
   margin-right: 4px;
+  padding: 5px;
   pointer-events: auto;
   width: 24px;
-  padding: 8px 8px 8px 12px;
 }
 
 .e-pivot-calc-dialog-div .e-dlg-header {
@@ -877,7 +864,7 @@
 }
 
 .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div {
-  height: 467px;
+  height: 450px;
   width: 50%;
 }
 
@@ -889,7 +876,7 @@
 
 .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: 437px;
+  height: 421px;
   overflow: auto;
   width: 100%;
 }
@@ -947,7 +934,6 @@
 .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-treeview ul .e-list-item div.e-icons {
   padding: 0;
   height: auto;
-  float: none !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 ul li {
@@ -1118,12 +1104,12 @@
 
 .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: 511px;
+  height: 495px;
 }
 
 .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: 475px;
+  height: 463px;
 }
 
 .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,
@@ -1429,7 +1415,7 @@
 }
 
 .e-pivotfieldlist-wrapper .e-value-field-settings .e-value-field-div-content {
-  padding: 0 24px 10px;
+  padding: 0 20px 10px;
 }
 
 .e-pivotfieldlist-wrapper .e-value-field-settings .e-value-field-div-content .e-field-option-wrapper .e-field-name-text-wrapper {
@@ -2233,7 +2219,7 @@
 
 .e-bigger .e-pivotfieldlist-wrapper .e-value-field-settings .e-value-field-div-content,
 .e-bigger.e-pivotfieldlist-wrapper .e-value-field-settings .e-value-field-div-content {
-  padding: 0 28px 10px;
+  padding: 0 20px 10px;
 }
 
 .e-bigger .e-pivotfieldlist-wrapper .e-value-field-settings .e-field-name-text-wrapper,
@@ -2293,7 +2279,6 @@
 .e-bigger.e-pivotfieldlist-wrapper .e-value-field-settings .e-base-item-option-wrapper .e-type-option-text,
 .e-bigger.e-pivotfieldlist-wrapper .e-value-field-settings .e-base-item-option-wrapper .e-caption-input-text {
   font-size: 14px;
-  padding-bottom: 6px;
 }
 
 .e-bigger .e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div,
@@ -2709,7 +2694,7 @@
   color: #f0f0f0;
   cursor: pointer;
   font-size: 14px;
-  height: 20px !important;
+  height: 20px;
   padding: 7px 0 0 4px;
   width: 20px;
 }
@@ -3629,7 +3614,6 @@
   height: 24px;
   padding-left: 10px;
   width: 24px;
-  font-size: 14px !important;
 }
 
 .e-pivotfieldlist-wrapper.e-device .e-adaptive-container .e-content .e-field-list-filters .e-pvt-btn-div .e-pivot-button .e-sort:hover,
@@ -4183,7 +4167,7 @@
   color: #f0f0f0;
   cursor: pointer;
   font-size: 14px;
-  height: 20px !important;
+  height: 20px;
   padding: 7px 0 0 4px;
   width: 20px;
 }
@@ -5103,7 +5087,6 @@
   height: 24px;
   padding-left: 10px;
   width: 24px;
-  font-size: 14px !important;
 }
 
 .e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-field-list-filters .e-pvt-btn-div .e-pivot-button .e-sort:hover,
@@ -5499,7 +5482,7 @@
 .e-bigger .e-pivotfieldlist-wrapper .e-field-table .e-right-axis-fields,
 .e-bigger.e-pivotfieldlist-wrapper .e-field-table .e-left-axis-fields,
 .e-bigger.e-pivotfieldlist-wrapper .e-field-table .e-right-axis-fields {
-  padding-left: 16px !important;
+  padding-left: 16px;
 }
 
 .e-bigger .e-pivotfieldlist-wrapper .e-field-table .e-field-header,
@@ -5525,7 +5508,7 @@
 .e-bigger.e-pivotfieldlist-wrapper .e-field-table .e-field-header-wrapper .e-sort-ascend,
 .e-bigger.e-pivotfieldlist-wrapper .e-field-table .e-field-header-wrapper .e-sort-descend {
   font-size: 16px;
-  height: 24px !important;
+  height: 24px;
   padding: 7px 0 0 4px;
   width: 24px;
 }
@@ -5964,7 +5947,7 @@
 .e-bigger.e-pivotfieldlist-container .e-field-table .e-field-header-container .e-sort-ascend,
 .e-bigger.e-pivotfieldlist-container .e-field-table .e-field-header-container .e-sort-descend {
   font-size: 16px;
-  height: 24px !important;
+  height: 24px;
   padding: 7px 0 0 4px;
   width: 24px;
 }