@syncfusion/ej2-vue-pivotview 19.3.57 → 19.4.38

package/styles/pivotfieldlist/fabric-dark.css

@@ -497,6 +497,18 @@
   width: 14px;
 }
 
+.e-pivot-formatting-dialog .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-btn,
+.e-pivot-formatting-dialog .e-colorpicker-container .e-split-btn-wrapper .e-split-btn {
+  pointer-events: none;
+}
+
+.e-pivot-formatting-dialog .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-btn .e-selected-color,
+.e-pivot-formatting-dialog .e-colorpicker-container .e-split-btn-wrapper .e-split-btn .e-selected-color {
+  background: none;
+  margin: 0 2px;
+  width: 14px;
+}
+
 .e-pivot-formatting-dialog .e-split-preview,
 .e-pivot-formatting-dialog .e-tip-transparent {
   border: 1px solid #4a4848;
@@ -653,6 +665,7 @@
 .e-pivot-calc-dialog-div .e-olap-member-title {
   color: #fff;
   font-size: 13px;
+  margin-bottom: 4px;
   margin-top: 15px;
   overflow: hidden;
   padding: 4px 0;
@@ -681,6 +694,10 @@
   font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
 }
 
+.e-pivot-calc-dialog-div .e-treeview ul li:not(.e-active) .e-list-icon {
+  color: #dadada;
+}
+
 .e-pivot-calc-dialog-div .e-treeview ul li .e-list-icon {
   color: #dadada;
   margin: 0;
@@ -717,6 +734,10 @@
   width: 24px;
 }
 
+.e-pivot-calc-dialog-div .e-treeview .e-list-item:not(.e-active) span.e-icons {
+  color: #bdbdbd;
+}
+
 .e-pivot-calc-dialog-div .e-treeview .e-list-item span.e-icons {
   color: #bdbdbd;
   cursor: move;
@@ -724,7 +745,6 @@
   font-size: 14px;
   height: 24px;
   margin-right: 4px;
-  margin-top: 4px;
   padding: 5px;
   pointer-events: auto;
   width: 24px;
@@ -742,7 +762,7 @@
 
 .e-pivot-calc-dialog-div .e-contextmenu {
   background-color: #201f1f;
-  border-radius: 4px;
+  border-radius: 0;
 }
 
 .e-pivot-calc-dialog-div .e-contextmenu .e-menu-item {
@@ -803,11 +823,10 @@
 .e-pivot-calc-dialog-div .e-pivot-formula {
   background-color: #201f1f;
   border: 1px solid #514f4f;
-  border-radius: 4px;
+  border-radius: 0;
   color: #dadada;
   font-size: 13px;
   height: 70px;
-  margin-top: 5px;
   padding: 5px 10px;
   resize: none;
   width: 100%;
@@ -829,9 +848,8 @@
 .e-pivot-calc-dialog-div .e-pivot-treeview-outer {
   background-color: #201f1f;
   border: 1px solid #514f4f;
-  border-radius: 4px;
+  border-radius: 0;
   height: 120px;
-  margin-top: 5px;
   overflow: auto;
 }
 
@@ -1123,8 +1141,8 @@
 
 .e-pivotfieldlist-wrapper .e-adaptive-field-list-dialog,
 .e-pivotfieldlist-wrapper .e-member-editor-dialog {
-  max-width: 400px;
-  min-width: 320px;
+  max-width: 400px !important;
+  min-width: 320px !important;
 }
 
 .e-pivotfieldlist-wrapper .e-adaptive-field-list-dialog .e-member-prompt,
@@ -1244,13 +1262,6 @@
   font-size: 16px;
 }
 
-.e-pivotfieldlist-wrapper .e-member-editor-dialog .e-filter-sort .e-member-sort:focus.e-active {
-  background-color: #6f6c6c;
-  border-color: #6f6c6c;
-  color: #fff;
-  outline: none;
-}
-
 .e-pivotfieldlist-wrapper .e-member-editor-dialog .e-select-all-wrapper ul {
   margin-left: -35px;
   overflow: hidden;
@@ -1394,8 +1405,8 @@
 }
 
 .e-pivotfieldlist-wrapper .e-value-field-settings {
-  max-width: 400px;
-  min-width: 300px;
+  max-width: 400px !important;
+  min-width: 300px !important;
 }
 
 .e-pivotfieldlist-wrapper .e-value-field-settings .e-dlg-content {
@@ -1463,7 +1474,7 @@
 .e-pivotfieldlist-wrapper .e-member-editor-dialog,
 .e-pivotfieldlist-wrapper .e-value-field-settings {
   border-radius: 0;
-  width: auto;
+  width: auto !important;
 }
 
 .e-pivotfieldlist-wrapper .e-adaptive-field-list-dialog .e-dlg-header-content,
@@ -1532,8 +1543,8 @@
 
 .e-pivotfieldlist-container .e-adaptive-field-list-dialog,
 .e-pivotfieldlist-container .e-member-editor-dialog {
-  min-width: 320px;
-  max-width: 400px;
+  max-width: 400px !important;
+  min-width: 320px !important;
 }
 
 .e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-member-prompt,
@@ -1659,13 +1670,6 @@
   font-size: 16px;
 }
 
-.e-pivotfieldlist-container .e-member-editor-dialog .e-filter-sort .e-member-sort:focus.e-active {
-  background-color: #6f6c6c;
-  border-color: #6f6c6c;
-  color: #fff;
-  outline: none;
-}
-
 .e-pivotfieldlist-container .e-member-editor-dialog .e-select-all-container ul {
   margin-left: -35px;
   overflow: hidden;
@@ -1680,7 +1684,7 @@
 }
 
 .e-pivotfieldlist-container .e-member-editor-dialog .e-filter-tab-container {
-  border: none;
+  border: 0;
 }
 
 .e-pivotfieldlist-container .e-member-editor-dialog .e-filter-tab-container .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text {
@@ -1809,8 +1813,8 @@
 }
 
 .e-pivotfieldlist-container .e-value-field-settings {
-  max-width: 400px;
-  min-width: 300px;
+  max-width: 400px !important;
+  min-width: 300px !important;
 }
 
 .e-pivotfieldlist-container .e-value-field-settings .e-dlg-content {
@@ -1878,7 +1882,7 @@
 .e-pivotfieldlist-container .e-member-editor-dialog,
 .e-pivotfieldlist-container .e-value-field-settings {
   border-radius: 0;
-  width: auto;
+  width: auto !important;
 }
 
 .e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-dlg-header-content,
@@ -1952,12 +1956,14 @@
   border-radius: 0;
   box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);
   height: 28px;
+  line-height: 1em;
   min-width: 100px;
   padding: 5px 10px;
 }
 
 .e-field-list-tree.e-drag-item.e-treeview .e-text-content,
 .e-pivot-calc.e-drag-item.e-treeview .e-text-content {
+  height: 100%;
   padding: 0;
   text-align: center;
   width: 100%;
@@ -2071,23 +2077,8 @@
 }
 
 .e-pivot-error-dialog {
-  max-width: 400px;
-  width: auto;
-}
-
-.e-pivot-error-dialog .e-dlg-header-content,
-.e-pivot-error-dialog .e-footer-content {
-  border: 0;
-}
-
-.e-pivot-error-dialog .e-dlg-header {
-  font-weight: normal;
-  opacity: 1;
-}
-
-.e-pivot-error-dialog .e-dlg-content {
-  font-weight: normal;
-  opacity: 1;
+  max-width: 400px !important;
+  width: auto !important;
 }
 
 .e-bigger .e-pivotfieldlist-wrapper .e-adaptive-field-list-dialog .e-dlg-content .e-member-editor-wrapper .e-member-editor-container-outer-div,
@@ -2171,7 +2162,7 @@
 
 .e-bigger .e-pivotfieldlist-wrapper .e-member-editor-dialog .e-excelfilter .e-member-editor-container-outer-div,
 .e-bigger.e-pivotfieldlist-wrapper .e-member-editor-dialog .e-excelfilter .e-member-editor-container-outer-div {
-  height: 73px !important;
+  height: 73px;
 }
 
 .e-bigger .e-pivotfieldlist-wrapper .e-member-editor-dialog .e-label-filter,
@@ -2540,8 +2531,8 @@
 .e-pivotfieldlist-wrapper {
   font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
   font-size: 14px;
-  max-width: 700px;
-  min-width: 300px;
+  max-width: 700px !important;
+  min-width: 300px !important;
 }
 
 .e-pivotfieldlist-wrapper .e-layout-footer {
@@ -2630,9 +2621,9 @@
 }
 
 .e-pivotfieldlist-wrapper .e-title-header .e-title-content {
-  font-size: 18px;
   -ms-flex: auto;
       flex: auto;
+  font-size: 18px;
 }
 
 .e-pivotfieldlist-wrapper .e-field-list-container {
@@ -2666,13 +2657,13 @@
   font-size: 13px;
   font-weight: normal;
   height: 28px;
+  line-height: 1.4em;
   overflow: hidden;
   padding: 5px 0 0 15px;
   text-align: left;
   text-overflow: ellipsis;
-  word-break: break-all;
-  line-height: 1.4em;
   text-transform: none;
+  word-break: break-all;
 }
 
 .e-pivotfieldlist-wrapper .e-field-list-container .e-field-table .e-field-header-wrapper {
@@ -2899,8 +2890,8 @@
   overflow: hidden;
   padding: 0 8px;
   text-overflow: ellipsis;
-  width: 100%;
   text-transform: none;
+  width: 100%;
 }
 
 .e-pivotfieldlist-wrapper .e-field-list-container .e-axis-table .e-left-axis-fields .e-field-list-filters .e-axis-content,
@@ -3757,7 +3748,7 @@
 .e-pivotfieldlist-wrapper.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div .e-pivot-formula {
   background-color: #201f1f;
   border: 1px solid #514f4f;
-  border-radius: 4px;
+  border-radius: 0;
   color: #dadada;
   height: 200px;
   margin-left: 20px;
@@ -4364,8 +4355,8 @@
   overflow: hidden;
   padding: 0 8px;
   text-overflow: ellipsis;
-  width: 100%;
   text-transform: none;
+  width: 100%;
 }
 
 .e-pivotfieldlist-container .e-field-list-container .e-axis-table .e-left-axis-fields .e-field-list-filters .e-axis-content,
@@ -5222,7 +5213,7 @@
 .e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div .e-pivot-formula {
   background-color: #201f1f;
   border: 1px solid #514f4f;
-  border-radius: 4px;
+  border-radius: 0;
   color: #dadada;
   height: 200px;
   margin-left: 20px;

package/styles/pivotfieldlist/fabric.css

@@ -496,6 +496,18 @@
   width: 14px;
 }
 
+.e-pivot-formatting-dialog .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-btn,
+.e-pivot-formatting-dialog .e-colorpicker-container .e-split-btn-wrapper .e-split-btn {
+  pointer-events: none;
+}
+
+.e-pivot-formatting-dialog .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-btn .e-selected-color,
+.e-pivot-formatting-dialog .e-colorpicker-container .e-split-btn-wrapper .e-split-btn .e-selected-color {
+  background: none;
+  margin: 0 2px;
+  width: 14px;
+}
+
 .e-pivot-formatting-dialog .e-split-preview,
 .e-pivot-formatting-dialog .e-tip-transparent {
   border: 1px solid #dadada;
@@ -652,6 +664,7 @@
 .e-pivot-calc-dialog-div .e-olap-member-title {
   color: #333;
   font-size: 13px;
+  margin-bottom: 4px;
   margin-top: 15px;
   overflow: hidden;
   padding: 4px 0;
@@ -680,6 +693,10 @@
   font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
 }
 
+.e-pivot-calc-dialog-div .e-treeview ul li:not(.e-active) .e-list-icon {
+  color: #333;
+}
+
 .e-pivot-calc-dialog-div .e-treeview ul li .e-list-icon {
   color: #333;
   margin: 0;
@@ -716,6 +733,10 @@
   width: 24px;
 }
 
+.e-pivot-calc-dialog-div .e-treeview .e-list-item:not(.e-active) span.e-icons {
+  color: #bdbdbd;
+}
+
 .e-pivot-calc-dialog-div .e-treeview .e-list-item span.e-icons {
   color: #bdbdbd;
   cursor: move;
@@ -723,7 +744,6 @@
   font-size: 14px;
   height: 24px;
   margin-right: 4px;
-  margin-top: 4px;
   padding: 5px;
   pointer-events: auto;
   width: 24px;
@@ -741,7 +761,7 @@
 
 .e-pivot-calc-dialog-div .e-contextmenu {
   background-color: #fff;
-  border-radius: 4px;
+  border-radius: 0;
 }
 
 .e-pivot-calc-dialog-div .e-contextmenu .e-menu-item {
@@ -802,11 +822,10 @@
 .e-pivot-calc-dialog-div .e-pivot-formula {
   background-color: #fff;
   border: 1px solid #d0d0d0;
-  border-radius: 4px;
+  border-radius: 0;
   color: #333;
   font-size: 13px;
   height: 70px;
-  margin-top: 5px;
   padding: 5px 10px;
   resize: none;
   width: 100%;
@@ -828,9 +847,8 @@
 .e-pivot-calc-dialog-div .e-pivot-treeview-outer {
   background-color: #fff;
   border: 1px solid #d0d0d0;
-  border-radius: 4px;
+  border-radius: 0;
   height: 120px;
-  margin-top: 5px;
   overflow: auto;
 }
 
@@ -1122,8 +1140,8 @@
 
 .e-pivotfieldlist-wrapper .e-adaptive-field-list-dialog,
 .e-pivotfieldlist-wrapper .e-member-editor-dialog {
-  max-width: 400px;
-  min-width: 320px;
+  max-width: 400px !important;
+  min-width: 320px !important;
 }
 
 .e-pivotfieldlist-wrapper .e-adaptive-field-list-dialog .e-member-prompt,
@@ -1243,13 +1261,6 @@
   font-size: 16px;
 }
 
-.e-pivotfieldlist-wrapper .e-member-editor-dialog .e-filter-sort .e-member-sort:focus.e-active {
-  background-color: #c8c8c8;
-  border-color: #c8c8c8;
-  color: #000;
-  outline: none;
-}
-
 .e-pivotfieldlist-wrapper .e-member-editor-dialog .e-select-all-wrapper ul {
   margin-left: -35px;
   overflow: hidden;
@@ -1393,8 +1404,8 @@
 }
 
 .e-pivotfieldlist-wrapper .e-value-field-settings {
-  max-width: 400px;
-  min-width: 300px;
+  max-width: 400px !important;
+  min-width: 300px !important;
 }
 
 .e-pivotfieldlist-wrapper .e-value-field-settings .e-dlg-content {
@@ -1462,7 +1473,7 @@
 .e-pivotfieldlist-wrapper .e-member-editor-dialog,
 .e-pivotfieldlist-wrapper .e-value-field-settings {
   border-radius: 0;
-  width: auto;
+  width: auto !important;
 }
 
 .e-pivotfieldlist-wrapper .e-adaptive-field-list-dialog .e-dlg-header-content,
@@ -1531,8 +1542,8 @@
 
 .e-pivotfieldlist-container .e-adaptive-field-list-dialog,
 .e-pivotfieldlist-container .e-member-editor-dialog {
-  min-width: 320px;
-  max-width: 400px;
+  max-width: 400px !important;
+  min-width: 320px !important;
 }
 
 .e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-member-prompt,
@@ -1658,13 +1669,6 @@
   font-size: 16px;
 }
 
-.e-pivotfieldlist-container .e-member-editor-dialog .e-filter-sort .e-member-sort:focus.e-active {
-  background-color: #c8c8c8;
-  border-color: #c8c8c8;
-  color: #000;
-  outline: none;
-}
-
 .e-pivotfieldlist-container .e-member-editor-dialog .e-select-all-container ul {
   margin-left: -35px;
   overflow: hidden;
@@ -1679,7 +1683,7 @@
 }
 
 .e-pivotfieldlist-container .e-member-editor-dialog .e-filter-tab-container {
-  border: none;
+  border: 0;
 }
 
 .e-pivotfieldlist-container .e-member-editor-dialog .e-filter-tab-container .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text {
@@ -1808,8 +1812,8 @@
 }
 
 .e-pivotfieldlist-container .e-value-field-settings {
-  max-width: 400px;
-  min-width: 300px;
+  max-width: 400px !important;
+  min-width: 300px !important;
 }
 
 .e-pivotfieldlist-container .e-value-field-settings .e-dlg-content {
@@ -1877,7 +1881,7 @@
 .e-pivotfieldlist-container .e-member-editor-dialog,
 .e-pivotfieldlist-container .e-value-field-settings {
   border-radius: 0;
-  width: auto;
+  width: auto !important;
 }
 
 .e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-dlg-header-content,
@@ -1951,12 +1955,14 @@
   border-radius: 0;
   box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);
   height: 28px;
+  line-height: 1em;
   min-width: 100px;
   padding: 5px 10px;
 }
 
 .e-field-list-tree.e-drag-item.e-treeview .e-text-content,
 .e-pivot-calc.e-drag-item.e-treeview .e-text-content {
+  height: 100%;
   padding: 0;
   text-align: center;
   width: 100%;
@@ -2070,23 +2076,8 @@
 }
 
 .e-pivot-error-dialog {
-  max-width: 400px;
-  width: auto;
-}
-
-.e-pivot-error-dialog .e-dlg-header-content,
-.e-pivot-error-dialog .e-footer-content {
-  border: 0;
-}
-
-.e-pivot-error-dialog .e-dlg-header {
-  font-weight: normal;
-  opacity: 1;
-}
-
-.e-pivot-error-dialog .e-dlg-content {
-  font-weight: normal;
-  opacity: 1;
+  max-width: 400px !important;
+  width: auto !important;
 }
 
 .e-bigger .e-pivotfieldlist-wrapper .e-adaptive-field-list-dialog .e-dlg-content .e-member-editor-wrapper .e-member-editor-container-outer-div,
@@ -2170,7 +2161,7 @@
 
 .e-bigger .e-pivotfieldlist-wrapper .e-member-editor-dialog .e-excelfilter .e-member-editor-container-outer-div,
 .e-bigger.e-pivotfieldlist-wrapper .e-member-editor-dialog .e-excelfilter .e-member-editor-container-outer-div {
-  height: 73px !important;
+  height: 73px;
 }
 
 .e-bigger .e-pivotfieldlist-wrapper .e-member-editor-dialog .e-label-filter,
@@ -2539,8 +2530,8 @@
 .e-pivotfieldlist-wrapper {
   font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
   font-size: 14px;
-  max-width: 700px;
-  min-width: 300px;
+  max-width: 700px !important;
+  min-width: 300px !important;
 }
 
 .e-pivotfieldlist-wrapper .e-layout-footer {
@@ -2629,9 +2620,9 @@
 }
 
 .e-pivotfieldlist-wrapper .e-title-header .e-title-content {
-  font-size: 18px;
   -ms-flex: auto;
       flex: auto;
+  font-size: 18px;
 }
 
 .e-pivotfieldlist-wrapper .e-field-list-container {
@@ -2665,13 +2656,13 @@
   font-size: 13px;
   font-weight: normal;
   height: 28px;
+  line-height: 1.4em;
   overflow: hidden;
   padding: 5px 0 0 15px;
   text-align: left;
   text-overflow: ellipsis;
-  word-break: break-all;
-  line-height: 1.4em;
   text-transform: none;
+  word-break: break-all;
 }
 
 .e-pivotfieldlist-wrapper .e-field-list-container .e-field-table .e-field-header-wrapper {
@@ -2898,8 +2889,8 @@
   overflow: hidden;
   padding: 0 8px;
   text-overflow: ellipsis;
-  width: 100%;
   text-transform: none;
+  width: 100%;
 }
 
 .e-pivotfieldlist-wrapper .e-field-list-container .e-axis-table .e-left-axis-fields .e-field-list-filters .e-axis-content,
@@ -3756,7 +3747,7 @@
 .e-pivotfieldlist-wrapper.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div .e-pivot-formula {
   background-color: #fff;
   border: 1px solid #d0d0d0;
-  border-radius: 4px;
+  border-radius: 0;
   color: #333;
   height: 200px;
   margin-left: 20px;
@@ -4363,8 +4354,8 @@
   overflow: hidden;
   padding: 0 8px;
   text-overflow: ellipsis;
-  width: 100%;
   text-transform: none;
+  width: 100%;
 }
 
 .e-pivotfieldlist-container .e-field-list-container .e-axis-table .e-left-axis-fields .e-field-list-filters .e-axis-content,
@@ -5221,7 +5212,7 @@
 .e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div .e-pivot-formula {
   background-color: #fff;
   border: 1px solid #d0d0d0;
-  border-radius: 4px;
+  border-radius: 0;
   color: #333;
   height: 200px;
   margin-left: 20px;