@syncfusion/ej2-angular-pivotview 20.2.36 → 20.2.38

package/styles/pivotfieldlist/_material-definition.scss

@@ -120,7 +120,7 @@ $field-list-search-padding-size: 9px $field-list-title-padding-size !default;
 $field-list-member-prompt-padding-size: 25px 12px !default;
 $field-list-search-popup-table-height: 392px !default;
 $field-list-search-popup-axis-content-height: 162px !default;
-$field-list-search-popup-container-bigger-height: 565px !default;
+$field-list-search-popup-container-bigger-height: 550px !default;
 $field-list-search-popup-table-bigger-height: 400px !default;
 $field-list-search-popup-axis-table-bigger-height: 404px !default;
 $field-list-search-popup-axis-content-bigger-height: 165px !default;
@@ -182,5 +182,6 @@ $olap-tree-outer-div-height: 436px;
 $olap-bigger-tree-wrapper-height: 520px;
 $olap-bigger-tree-outer-div-height: 485px;
 $field-list-text-transform: none !default;
-$olap-bigger-tree-width: 283px !default;;
+$olap-bigger-tree-width: 283px !default;
 $olap-bigger-tree-outer-div-width: 325px !default;
+$field-list-adaptive-outerdiv-height: 195px !default;

package/styles/pivotfieldlist/_material3-definition.scss

@@ -71,7 +71,8 @@ $field-list-back-margin: 5px !default;
 $field-list-sort-wrapper-padding-size: 10px !default;
 $field-list-border: $content-bg-color-alt3 !default;
 $field-list-calc-expand-icon-padding: 8px !default;
-$field-list-search-padding-size: 10px $field-list-header-padding-size !default;
+$field-list-search-padding-size: 10px $field-list-title-padding-size !default;
+$field-list-member-prompt-padding-size: 25px 12px !default;
 $field-list-search-popup-table-height: 392px !default;
 $field-list-search-popup-axis-content-height: 162px !default;
 $field-list-search-popup-container-bigger-height: 565px !default;
@@ -186,3 +187,4 @@ $olap-bigger-tree-outer-div-height: 483px;
 $field-list-text-transform: none !default;
 $olap-bigger-tree-width: 283px !default;
 $olap-bigger-tree-outer-div-width: 325px !default;
+$field-list-adaptive-outerdiv-height: 190px !default;

package/styles/pivotfieldlist/_tailwind-definition.scss

@@ -59,8 +59,8 @@ $format-label-font-opacity: .87 !default;
 $format-label-font-weight: 500 !default;
 $format-preview-bigger-height: 30px !default;
 $format-outer-border-radius: 4px !default;
-$format-dialog-width: 628px !default;
-$format-dialog-bigger-width: 680px !default;
+$format-dialog-width: 640px !default;
+$format-dialog-bigger-width: 730px !default;
 $field-list-editor-label-padding-size: 14px 10px 16px 20px !default;
 $field-list-editor-label-font: 500 13px Inter !default;
 $field-list-editor-label-opacity: .87 !default;
@@ -74,7 +74,7 @@ $field-list-search-padding-size: 10px $field-list-title-padding-size !default;
 $field-list-member-prompt-padding-size: 25px 12px !default;
 $field-list-search-popup-table-height: 389px !default;
 $field-list-search-popup-axis-content-height: 160px !default;
-$field-list-search-popup-container-bigger-height: 550px !default;
+$field-list-search-popup-container-bigger-height: 566px !default;
 $field-list-search-popup-table-bigger-height: 400px !default;
 $field-list-search-popup-axis-table-bigger-height: 404px !default;
 $field-list-search-popup-axis-content-bigger-height: 165px !default;
@@ -187,3 +187,4 @@ $olap-bigger-tree-outer-div-height: 530px;
 $field-list-text-transform: uppercase !default;
 $olap-bigger-tree-width: 283px !default;
 $olap-bigger-tree-outer-div-width: 325px !default;
+$field-list-adaptive-outerdiv-height: 179px !default;

package/styles/pivotfieldlist/_theme.scss

@@ -40,7 +40,7 @@
     }
   }
 
-  // sass-lint:disable-all
+  /* stylelint-disable */
   #{if(&, "&", "*")}.e-rtl {
 
     .e-select-table {
@@ -117,7 +117,6 @@
 
     }
 
-    // sass-lint:disable-all
     .e-checkbox-layout {
       float: left;
       margin-top: 6px;
@@ -156,7 +155,7 @@
       }
     }
 
-    // sass-lint:enable-all
+    /* stylelint-enable */
 
     .e-dlg-header-content,
     .e-footer-content {
@@ -262,9 +261,9 @@
             color: $field-list-default-header-icon-font-color;
             cursor: pointer;
             font-size: $field-list-header-icon-size;
-            // sass-lint:disable-all
+            /* stylelint-disable */
             height: 20px !important;
-            // sass-lint:enable-all
+            /* stylelint-enable */
             padding: $field-list-tree-header-padding 0 0 $field-list-icon-to-icon-padding;
             width: 20px;
 
@@ -281,14 +280,14 @@
             }
           }
 
-          // sass-lint:disable-all
+          /* stylelint-disable */
           @if ($skin-name == 'FluentUI') {
             .e-sort-none {
               padding: 0 0 $field-list-icon-to-icon-padding $field-list-tree-header-padding !important;
               transform: rotate(180deg);
             }
           }
-          // sass-lint:enable-all
+          /* stylelint-enable */
         }
 
         .e-field-list-tree-outer-div {
@@ -349,7 +348,7 @@
                 margin: 0;
               }
 
-              // sass-lint:disable-all
+              /* stylelint-disable */
               .e-calc-measure-icon,
               .e-calc-dimension-icon,
               .e-attributeCDB-icon,
@@ -364,7 +363,7 @@
                 margin-left: 10px;
               }
 
-              // sass-lint:enable-all
+              /* stylelint-enable */
 
               .e-list-selected {
                 opacity: .5;
@@ -379,11 +378,11 @@
               }
             }
 
-            // sass-lint:disable-all
+            /* stylelint-disable */
             li.e-disable {
               display: none !important;
             }
-            // sass-lint:enable-all
+            /* stylelint-enable */
           }
 
           &.e-olap-field-list-tree {
@@ -728,12 +727,12 @@
       }
 
       &.e-popup {
-        height: 540px;
+        min-height: 540px;
 
         .e-field-list-container {
           height: 369px;
 
-          // sass-lint:disable-all
+          /* stylelint-disable */
           .e-field-table {
             height: $field-list-search-popup-table-height !important;
           }
@@ -745,7 +744,7 @@
               height: $field-list-search-popup-axis-content-height !important;
             }
           }
-          // sass-lint:enable-all
+          /* stylelint-enable */
         }
       }
 
@@ -770,7 +769,7 @@
             font-size: $field-list-header-icon-size;
           }
 
-          // sass-lint:disable-all
+          /* stylelint-disable */
           .e-input-group .e-input-group-icon,
           .e-input-group.e-control-wrapper .e-input-group-icon {
             border-width: 0 !important;
@@ -788,11 +787,9 @@
         .e-disable {
           display: none !important;
         }
-        // sass-lint:disable-all
       }
     }
 
-    // sass-lint:disable-all
     .e-calculated-field {
       color: $field-list-cal-button-text-color;
       font-size: $field-list-button-font-size;
@@ -805,7 +802,7 @@
       }
     }
 
-    // sass-lint:enable-all
+    /* stylelint-enable */
 
     &.e-rtl {
       .e-field-table {
@@ -817,7 +814,7 @@
             margin-left: 0;
             margin-right: $field-list-treeview-padding-size;
 
-            // sass-lint:disable-all
+            /* stylelint-disable */
             .e-list-text {
               font-family: $field-list-font-family;
             }
@@ -842,7 +839,7 @@
               margin-right: 10px;
             }
 
-            // sass-lint:enable-all
+            /* stylelint-enable */
           }
         }
 
@@ -866,14 +863,14 @@
             padding: $field-list-tree-header-padding $field-list-icon-to-icon-padding 0 0;
           }
 
-          // sass-lint:disable-all
+          /* stylelint-disable */
           @if ($skin-name == 'FluentUI') {
             .e-sort-none {
               padding: $field-list-icon-to-icon-padding 0 0 $field-list-tree-header-padding !important;
               transform: rotate(180deg);
             }
           }
-          // sass-lint:enable-all
+          /* stylelint-enable */
         }
       }
 
@@ -983,10 +980,10 @@
 
     &.e-device {
       height: 100%;
-      // sass-lint:disable-all
+      /* stylelint-disable */
       max-height: 100% !important;
       max-width: 100% !important;
-      // sass-lint:enable-all
+      /* stylelint-enable */
       min-height: 500px;
       width: 100%;
 
@@ -1009,6 +1006,11 @@
           background-color: transparent;
           color: $field-list-mobile-header-font-color;
         }
+
+        .e-dlg-content .e-field-list-tree-outer-div {
+          height: 210px;
+          overflow: auto;
+        }
       }
 
       .e-title-mobile-header {
@@ -1114,7 +1116,7 @@
                   display: none;
                 }
 
-                // sass-lint:disable-all
+                /* stylelint-disable */
                 .e-sort,
                 .e-pv-filter,
                 .e-pv-filtered,
@@ -1148,7 +1150,7 @@
                   }
                 }
 
-                // sass-lint:enable-all
+                /* stylelint-enable */
 
                 .e-sort {
                   height: fit-content;
@@ -1231,7 +1233,7 @@
               width: 90%;
             }
 
-            // sass-lint:disable-all
+            /* stylelint-disable */
             .e-pivot-calc-input-div,
             .e-member-options,
             .e-pivot-calc-custom-format-div,
@@ -1242,7 +1244,7 @@
               width: 90% !important;
             }
 
-            // sass-lint:enable-all
+            /* stylelint-enable */
 
             .e-accordion {
               margin-top: 20px;
@@ -1278,13 +1280,13 @@
                   right: auto;
                 }
 
-                // sass-lint:disable-all
+                /* stylelint-disable */
                 .e-icons.e-frame {
                   margin-left: 12px !important;
                   margin-right: 0 !important;
                 }
 
-                // sass-lint:enable-all
+                /* stylelint-enable */
               }
             }
 
@@ -1486,7 +1488,7 @@
           }
         }
 
-        // sass-lint:disable-all
+        /* stylelint-disable */
         .e-pivot-calc-outer-div {
 
           .e-pivot-ok-button,
@@ -1497,12 +1499,12 @@
           }
         }
 
-        // sass-lint:enable-all
+        /* stylelint-enable */
       }
     }
   }
 
-  // sass-lint:disable-all
+  /* stylelint-disable */
   .e-bigger .e-pivotfieldlist-container,
   .e-bigger.e-pivotfieldlist-container {
     .e-field-table {
@@ -1540,7 +1542,6 @@
           width: 24px;
         }
         
-        // sass-lint:disable-all
         @if ($skin-name == 'FluentUI') {
           .e-sort-none {
             padding: 0 0 $field-list-bigger-icon-to-icon-padding $field-list-tree-header-padding !important;
@@ -1587,7 +1588,7 @@
           }
         }
       }
-      // sass-lint:enable-all
+      /* stylelint-enable */
 
       .e-left-axis-fields .e-field-list-rows,
       .e-right-axis-fields .e-field-list-values {
@@ -1634,14 +1635,14 @@
             height: 126px;
           }
 
-          // sass-lint:disable-all
+          /* stylelint-disable */
           .e-pvt-btn-div {
             .e-pivot-button {
               font-size: $field-list-bigger-button-font-size;
               height: $field-list-bigger-button-height !important;
               padding: $field-list-bigger-button-padding !important;
 
-              // sass-lint:enable-all
+              /* stylelint-enable */
               .e-content {
                 font-size: $field-list-bigger-button-font-size;
                 line-height: $field-list-bigger-button-line-height;
@@ -1727,7 +1728,7 @@
             padding-left: $field-list-default-bigger-padding-size;
           }
 
-          // sass-lint:disable-all
+          /* stylelint-disable */
           .e-right-axis-fields {
             padding: 0 !important;
           }
@@ -1761,7 +1762,7 @@
             margin-right: 10px;
           }
 
-          // sass-lint:enable-all
+          /* stylelint-enable */
         }
 
         .e-field-header {
@@ -1777,13 +1778,13 @@
             padding: $field-list-tree-header-padding $field-list-bigger-icon-to-icon-padding 0 0;
           }
 
-          // sass-lint:disable-all
+          /* stylelint-disable */
           @if ($skin-name == 'FluentUI') {
             .e-sort-none {
               padding: $field-list-bigger-icon-to-icon-padding 0 0 $field-list-tree-header-padding !important;
             }
           }
-          // sass-lint:enable-all
+          /* stylelint-enable */
         }
       }
 
@@ -1828,10 +1829,10 @@
         }
       }
 
-      // sass-lint:disable-all
+      /* stylelint-disable */
       &.e-popup {
-        height: $field-list-search-popup-container-bigger-height !important;
         max-height: 600px !important;
+        min-height: $field-list-search-popup-container-bigger-height !important;
 
         .e-field-list-container {
           height: 387px;
@@ -1850,6 +1851,12 @@
         }
       }
     }
+
+    .e-adaptive-field-list-dialog {
+      .e-dlg-content .e-field-list-tree-outer-div {
+        max-height: $field-list-adaptive-outerdiv-height;
+      }
+    }
   }
-  // sass-lint:enable-all
+  /* stylelint-enable */
 }