@syncfusion/ej2-react-pivotview 19.4.54 → 20.1.48

package/styles/pivotfieldlist/fabric.css

@@ -398,7 +398,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 {
@@ -549,7 +549,7 @@
 }
 
 .e-pivot-formatting-dialog.e-rtl .e-format-font-color-picker {
-  margin-left: 18px;
+  margin-left: 16px;
   margin-right: 0;
 }
 
@@ -571,6 +571,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: 706px !important;
@@ -665,7 +669,7 @@
   color: #333;
   font-size: 13px;
   margin-bottom: 4px;
-  margin-top: 15px;
+  margin-top: 12px;
   overflow: hidden;
   padding: 4px 0;
   padding-bottom: 0;
@@ -699,7 +703,9 @@
 
 .e-pivot-calc-dialog-div .e-treeview ul li .e-list-icon {
   color: #333;
+  float: right !important;
   margin: 0;
+  margin-right: 12px !important;
 }
 
 .e-pivot-calc-dialog-div .e-treeview ul .e-fullrow {
@@ -722,6 +728,13 @@
   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;
@@ -744,9 +757,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 {
@@ -862,7 +875,7 @@
 }
 
 .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div {
-  height: 458px;
+  height: 474px;
   width: 50%;
 }
 
@@ -874,7 +887,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: 428px;
+  height: 441px;
   overflow: auto;
   width: 100%;
 }
@@ -932,6 +945,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 {
@@ -1102,12 +1116,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: 513px;
+  height: 528px;
 }
 
 .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: 478px;
+  height: 490px;
 }
 
 .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,
@@ -1413,7 +1427,7 @@
 }
 
 .e-pivotfieldlist-wrapper .e-value-field-settings .e-value-field-div-content {
-  padding: 0 20px 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 {
@@ -2217,7 +2231,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 20px 10px;
+  padding: 0 28px 10px;
 }
 
 .e-bigger .e-pivotfieldlist-wrapper .e-value-field-settings .e-field-name-text-wrapper,
@@ -2277,6 +2291,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,
@@ -2692,7 +2707,7 @@
   color: #666;
   cursor: pointer;
   font-size: 14px;
-  height: 20px;
+  height: 20px !important;
   padding: 5px 0 0 4px;
   width: 20px;
 }
@@ -3612,6 +3627,7 @@
   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,
@@ -4165,7 +4181,7 @@
   color: #666;
   cursor: pointer;
   font-size: 14px;
-  height: 20px;
+  height: 20px !important;
   padding: 5px 0 0 4px;
   width: 20px;
 }
@@ -5085,6 +5101,7 @@
   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,
@@ -5480,7 +5497,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: 16px !important;
 }
 
 .e-bigger .e-pivotfieldlist-wrapper .e-field-table .e-field-header,
@@ -5506,7 +5523,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: 5px 0 0 4px;
   width: 24px;
 }
@@ -5945,7 +5962,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: 5px 0 0 4px;
   width: 24px;
 }