@syncfusion/ej2-react-pivotview 19.4.53 → 20.1.47

package/styles/pivotfieldlist/bootstrap5-dark.css

@@ -397,7 +397,7 @@
 }
 
 .e-pivot-formatting-dialog .e-format-table tr:nth-child(odd) td {
-  padding-bottom: 10px;
+  padding-bottom: 4px;
 }
 
 .e-pivot-formatting-dialog .e-format-delete-icon {
@@ -426,7 +426,7 @@
 
 .e-pivot-formatting-dialog .e-format-font-color-picker {
   margin-left: 0;
-  margin-right: 18px;
+  margin-right: 16px;
 }
 
 .e-pivot-formatting-dialog .e-format-inner-div {
@@ -451,7 +451,7 @@
   float: right;
   padding-right: 12px;
   padding-top: 12px;
-  color: #fff;
+  color: #fff !important;
 }
 
 .e-pivot-formatting-dialog .e-format-delete-button:hover,
@@ -495,11 +495,12 @@
   background: none;
   margin: 0 2px;
   width: 14px;
+  color: #fff !important;
 }
 
 .e-pivot-formatting-dialog .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-btn .e-selected-color:hover,
 .e-pivot-formatting-dialog .e-colorpicker-container .e-split-btn-wrapper .e-split-btn .e-selected-color:hover {
-  color: #adb5bd;
+  color: #adb5bd !important;
 }
 
 .e-pivot-formatting-dialog .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-btn,
@@ -555,7 +556,7 @@
 }
 
 .e-pivot-formatting-dialog.e-rtl .e-format-font-color-picker {
-  margin-left: 18px;
+  margin-left: 16px;
   margin-right: 0;
 }
 
@@ -577,6 +578,10 @@
   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;
@@ -672,12 +677,13 @@
   color: #ced4da;
   font-size: 14px;
   margin-bottom: 4px;
-  margin-top: 15px;
+  margin-top: 12px;
   overflow: hidden;
   padding: 4px 0;
   padding-bottom: 0;
   text-overflow: ellipsis;
   white-space: nowrap;
+  padding-bottom: 4px;
 }
 
 .e-pivot-calc-dialog-div .e-treeview .e-sibling {
@@ -705,7 +711,9 @@
 }
 
 .e-pivot-calc-dialog-div .e-treeview ul li .e-list-icon {
+  float: right !important;
   margin: 0;
+  margin-right: 12px !important;
 }
 
 .e-pivot-calc-dialog-div .e-treeview ul .e-fullrow {
@@ -726,6 +734,16 @@
   padding: 2px 4px 4px;
   pointer-events: auto;
   width: 24px;
+  height: 20px;
+  width: 20px;
+}
+
+.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;
+  padding-top: 8px;
 }
 
 .e-pivot-calc-dialog-div .e-treeview .e-list-item div.e-iconspace {
@@ -749,9 +767,12 @@
   font-size: 14px;
   height: 24px;
   margin-right: 4px;
-  padding: 5px;
   pointer-events: auto;
   width: 24px;
+  height: 20px;
+  padding: 5px 8px 12px 5px;
+  width: 20px;
+  padding: 8px 8px 8px 12px;
 }
 
 .e-pivot-calc-dialog-div .e-dlg-header {
@@ -831,7 +852,7 @@
   color: #fff;
   font-size: 13px;
   height: 70px;
-  padding: 5px 10px;
+  padding: 5px 8px;
   resize: none;
   width: 100%;
 }
@@ -867,7 +888,7 @@
 }
 
 .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div {
-  height: 430px;
+  height: 482px;
   width: 50%;
 }
 
@@ -879,7 +900,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: 400px;
+  height: 447px;
   overflow: auto;
   width: 100%;
 }
@@ -937,6 +958,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-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 {
@@ -968,8 +990,8 @@
       flex: auto;
   margin-top: 0;
   padding-bottom: 4px;
-  padding-left: 12px;
-  padding-right: 12px;
+  padding-left: 18px;
+  padding-right: 18px;
 }
 
 .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-wrapper {
@@ -1071,6 +1093,8 @@
   font-size: 14px;
   padding: 6px 0;
   padding-bottom: 0;
+  padding-bottom: 4px;
+  padding-top: 16px;
 }
 
 .e-bigger.e-pivot-calc-dialog-div .e-treeview ul li,
@@ -1081,6 +1105,7 @@
 .e-bigger.e-pivot-calc-dialog-div .e-treeview .e-list-item div.e-icons,
 .e-bigger .e-pivot-calc-dialog-div .e-treeview .e-list-item div.e-icons {
   font-size: 20px;
+  padding-top: 12px;
 }
 
 .e-bigger.e-pivot-calc-dialog-div .e-treeview .e-list-item span.e-icons,
@@ -1107,12 +1132,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: 501px;
+  height: 521px;
 }
 
 .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: 470px;
+  height: 483px;
 }
 
 .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,
@@ -1424,7 +1449,7 @@
 }
 
 .e-pivotfieldlist-wrapper .e-value-field-settings .e-value-field-div-content {
-  padding: 0 12px 10px;
+  padding: 0 24px 10px;
 }
 
 .e-pivotfieldlist-wrapper .e-value-field-settings .e-value-field-div-content .e-field-option-wrapper .e-field-name-text-wrapper {
@@ -2241,7 +2266,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 12px 10px;
+  padding: 0 28px 10px;
 }
 
 .e-bigger .e-pivotfieldlist-wrapper .e-value-field-settings .e-field-name-text-wrapper,
@@ -2301,6 +2326,7 @@
 .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,
@@ -2698,7 +2724,7 @@
   height: 28px;
   line-height: 1.125em;
   overflow: hidden;
-  padding: 6px 0 0 12px;
+  padding: 6px 0 0 18px;
   text-align: left;
   text-overflow: ellipsis;
   text-transform: none;
@@ -2710,7 +2736,7 @@
   color: #ced4da;
   display: -ms-flexbox;
   display: flex;
-  padding-right: 12px;
+  padding-right: 18px;
 }
 
 .e-pivotfieldlist-wrapper .e-field-list-container .e-field-table .e-field-header-wrapper .e-field-header {
@@ -2724,7 +2750,7 @@
   color: #ced4da;
   cursor: pointer;
   font-size: 14px;
-  height: 20px;
+  height: 20px !important;
   padding: 6px 0 0 4px;
   width: 20px;
 }
@@ -2786,6 +2812,8 @@
   vertical-align: bottom;
   width: 20px;
   margin-right: 4px;
+  padding-left: 8px;
+  padding-right: 12px;
 }
 
 .e-pivotfieldlist-wrapper .e-field-list-container .e-field-table .e-field-list ul li .e-drag.e-disable-drag {
@@ -2886,7 +2914,7 @@
   display: -ms-flexbox;
   display: flex;
   height: 28px;
-  padding: 2px 12px 5px;
+  padding: 2px 18px 5px;
   border-radius: 3px 3px 0 0;
 }
 
@@ -3365,12 +3393,12 @@
 
 .e-pivotfieldlist-wrapper.e-rtl .e-field-table .e-field-header {
   padding-left: 0;
-  padding-right: 12px;
+  padding-right: 18px;
   text-align: right;
 }
 
 .e-pivotfieldlist-wrapper.e-rtl .e-field-table .e-field-header-wrapper {
-  padding-left: 12px;
+  padding-left: 18px;
   padding-right: 0;
 }
 
@@ -3666,7 +3694,9 @@
   height: 24px;
   padding-left: 10px;
   width: 24px;
+  font-size: 14px !important;
   color: #fff;
+  padding-left: 8px;
 }
 
 .e-pivotfieldlist-wrapper.e-device .e-adaptive-container .e-content .e-field-list-filters .e-pvt-btn-div .e-pivot-button .e-sort:hover,
@@ -3779,6 +3809,8 @@
 .e-pivotfieldlist-wrapper.e-device .e-adaptive-container .e-content .e-field-list-values .e-pvt-btn-div .e-pivot-button.e-rtl .e-edit {
   padding-left: 0;
   padding-right: 10px;
+  color: #fff;
+  padding-left: 8px;
 }
 
 .e-pivotfieldlist-wrapper.e-device .e-adaptive-container .e-content .e-field-list-filters .e-axis-content,
@@ -4204,7 +4236,7 @@
   font-weight: normal;
   height: 28px;
   overflow: hidden;
-  padding: 6px 0 0 12px;
+  padding: 6px 0 0 18px;
   text-align: left;
   text-overflow: ellipsis;
   word-break: break-all;
@@ -4215,7 +4247,7 @@
   color: #ced4da;
   display: -ms-flexbox;
   display: flex;
-  padding-right: 12px;
+  padding-right: 18px;
 }
 
 .e-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-header-container .e-field-header {
@@ -4229,7 +4261,7 @@
   color: #ced4da;
   cursor: pointer;
   font-size: 14px;
-  height: 20px;
+  height: 20px !important;
   padding: 6px 0 0 4px;
   width: 20px;
 }
@@ -4291,6 +4323,7 @@
   vertical-align: bottom;
   width: 20px;
   margin-right: 4px;
+  padding-left: 12px;
 }
 
 .e-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list ul li .e-drag.e-disable-drag {
@@ -4391,7 +4424,7 @@
   display: -ms-flexbox;
   display: flex;
   height: 28px;
-  padding: 2px 12px 5px;
+  padding: 2px 18px 5px;
 }
 
 .e-pivotfieldlist-container .e-field-list-container .e-axis-table .e-left-axis-fields .e-field-list-filters .e-axis-container .e-axis-icon-container,
@@ -4868,12 +4901,12 @@
 
 .e-pivotfieldlist-container.e-rtl .e-field-table .e-field-header {
   padding-left: 0;
-  padding-right: 12px;
+  padding-right: 18px;
   text-align: right;
 }
 
 .e-pivotfieldlist-container.e-rtl .e-field-table .e-field-header-container {
-  padding-left: 12px;
+  padding-left: 18px;
   padding-right: 0;
 }
 
@@ -5155,7 +5188,9 @@
   height: 24px;
   padding-left: 10px;
   width: 24px;
+  font-size: 14px !important;
   color: #adb5bd;
+  padding-left: 8px;
 }
 
 .e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-field-list-filters .e-pvt-btn-div .e-pivot-button .e-sort:hover,
@@ -5268,6 +5303,7 @@
 .e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-field-list-values .e-pvt-btn-div .e-pivot-button.e-rtl .e-edit {
   padding-left: 0;
   padding-right: 10px;
+  padding-right: 8px;
 }
 
 .e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-field-list-filters .e-axis-content,
@@ -5553,7 +5589,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;
+  padding-left: 12px !important;
 }
 
 .e-bigger .e-pivotfieldlist-wrapper .e-field-table .e-field-header,
@@ -5579,7 +5615,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;
+  height: 24px !important;
   padding: 6px 0 0 4px;
   width: 24px;
 }
@@ -5601,6 +5637,8 @@
   margin-bottom: 3px !important;
   margin-right: 4px !important;
   width: 24px !important;
+  padding-left: 12px;
+  padding-right: 16px;
 }
 
 .e-bigger .e-pivotfieldlist-wrapper .e-field-table .e-field-list .e-calc-measure-icon,
@@ -5637,7 +5675,7 @@
 .e-bigger .e-pivotfieldlist-wrapper .e-field-table .e-right-axis-fields .e-field-list-values,
 .e-bigger.e-pivotfieldlist-wrapper .e-field-table .e-left-axis-fields .e-field-list-rows,
 .e-bigger.e-pivotfieldlist-wrapper .e-field-table .e-right-axis-fields .e-field-list-values {
-  margin-top: 16px;
+  margin-top: 12px;
 }
 
 .e-bigger .e-pivotfieldlist-wrapper .e-axis-table .e-left-axis-fields .e-field-list-filters .e-axis-wrapper,
@@ -5841,14 +5879,14 @@
 
 .e-bigger .e-pivotfieldlist-wrapper.e-static .e-field-list-container .e-axis-table .e-right-axis-fields,
 .e-bigger.e-pivotfieldlist-wrapper.e-static .e-field-list-container .e-axis-table .e-right-axis-fields {
-  padding-left: 16px;
+  padding-left: 12px;
 }
 
 .e-bigger .e-pivotfieldlist-wrapper.e-static .e-field-list-container .e-axis-table .e-left-axis-fields .e-field-list-rows,
 .e-bigger .e-pivotfieldlist-wrapper.e-static .e-field-list-container .e-axis-table .e-right-axis-fields .e-field-list-values,
 .e-bigger.e-pivotfieldlist-wrapper.e-static .e-field-list-container .e-axis-table .e-left-axis-fields .e-field-list-rows,
 .e-bigger.e-pivotfieldlist-wrapper.e-static .e-field-list-container .e-axis-table .e-right-axis-fields .e-field-list-values {
-  margin-top: 16px;
+  margin-top: 12px;
 }
 
 .e-bigger .e-pivotfieldlist-wrapper.e-static .e-field-list-container .e-axis-table .e-left-axis-fields .e-field-list-filters .e-axis-wrapper .e-axis-icon-wrapper,
@@ -5865,7 +5903,7 @@
 
 .e-bigger .e-pivotfieldlist-wrapper.e-static.e-rtl .e-axis-table .e-left-axis-fields,
 .e-bigger.e-pivotfieldlist-wrapper.e-static.e-rtl .e-axis-table .e-left-axis-fields {
-  padding-left: 16px;
+  padding-left: 12px;
 }
 
 .e-bigger .e-pivotfieldlist-wrapper.e-static.e-rtl .e-axis-table .e-left-axis-fields .e-field-list-filters .e-axis-wrapper .e-axis-icon-wrapper,
@@ -6010,7 +6048,7 @@
 .e-bigger .e-pivotfieldlist-container .e-field-table .e-right-axis-fields,
 .e-bigger.e-pivotfieldlist-container .e-field-table .e-left-axis-fields,
 .e-bigger.e-pivotfieldlist-container .e-field-table .e-right-axis-fields {
-  padding-left: 16px;
+  padding-left: 12px;
 }
 
 .e-bigger .e-pivotfieldlist-container .e-field-table .e-field-header,
@@ -6036,7 +6074,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;
+  height: 24px !important;
   padding: 6px 0 0 4px;
   width: 24px;
 }
@@ -6094,7 +6132,7 @@
 .e-bigger .e-pivotfieldlist-container .e-field-table .e-right-axis-fields .e-field-list-values,
 .e-bigger.e-pivotfieldlist-container .e-field-table .e-left-axis-fields .e-field-list-rows,
 .e-bigger.e-pivotfieldlist-container .e-field-table .e-right-axis-fields .e-field-list-values {
-  margin-top: 16px;
+  margin-top: 12px;
 }
 
 .e-bigger .e-pivotfieldlist-container .e-axis-table .e-left-axis-fields .e-field-list-filters .e-axis-container,
@@ -6297,14 +6335,14 @@
 
 .e-bigger .e-pivotfieldlist-container.e-static .e-field-list-container .e-axis-table .e-right-axis-fields,
 .e-bigger.e-pivotfieldlist-container.e-static .e-field-list-container .e-axis-table .e-right-axis-fields {
-  padding-left: 16px;
+  padding-left: 12px;
 }
 
 .e-bigger .e-pivotfieldlist-container.e-static .e-field-list-container .e-axis-table .e-left-axis-fields .e-field-list-rows,
 .e-bigger .e-pivotfieldlist-container.e-static .e-field-list-container .e-axis-table .e-right-axis-fields .e-field-list-values,
 .e-bigger.e-pivotfieldlist-container.e-static .e-field-list-container .e-axis-table .e-left-axis-fields .e-field-list-rows,
 .e-bigger.e-pivotfieldlist-container.e-static .e-field-list-container .e-axis-table .e-right-axis-fields .e-field-list-values {
-  margin-top: 16px;
+  margin-top: 12px;
 }
 
 .e-bigger .e-pivotfieldlist-container.e-static .e-field-list-container .e-axis-table .e-left-axis-fields .e-field-list-filters .e-axis-container .e-axis-icon-container,
@@ -6320,7 +6358,7 @@
 
 .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;
+  padding-left: 12px;
 }
 
 .e-bigger .e-pivotfieldlist-container.e-static.e-rtl .e-axis-table .e-right-axis-fields,