@syncfusion/blazor-themes 20.3.60 → 20.4.38

package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap5.scss

@@ -176,7 +176,7 @@ $format-preview-border-color: $border-light !default;
 $format-outer-border-color: $border-light !default;
 $format-outer-fill-color: $content-bg-color !default;
 $field-list-editor-label-color: $content-text-color !default;
-$field-list-editor-label-fill: $content-text-color-alt1 !default;
+$field-list-editor-label-fill: $content-bg-color-alt1 !default;
 $field-list-back-font-color: $icon-color !default;
 $field-list-mobile-header-color: $content-bg-color-alt2 !default;
 $field-list-mobile-header-font-color: $content-text-color-alt2 !default;
@@ -922,6 +922,7 @@ $field-list-adaptive-outerdiv-height: 187px !default;
               display: inline-table;
               height: 100%;
               width: 100%;
+              min-width: 265px;
 
               ul {
                 .e-fullrow {
@@ -950,6 +951,8 @@ $field-list-adaptive-outerdiv-height: 187px !default;
                   cursor: pointer;
                   font-size: 13px;
                   margin-top: 3px;
+                  padding-left: 0px;
+                  padding-right: 0px;
                   @if($skin-name == 'tailwind') {
                     margin-top: 10px;
                   }
@@ -1129,10 +1132,39 @@ $field-list-adaptive-outerdiv-height: 187px !default;
       }
     }
 
-    .e-treeview .e-list-item div.e-icons {
-      font-size: $field-list-bigger-icon-size;
-      @if ($skin-name == 'tailwind') or ($skin-name == 'FluentUI') or ($skin-name == 'bootstrap5') {
-        padding-top: 12px;
+    .e-treeview {
+      .e-list-item {
+        div.e-icons {
+          font-size: $field-list-bigger-icon-size;
+
+          @if ($skin-name =='tailwind') or ($skin-name =='FluentUI') or ($skin-name =='bootstrap5') {
+            padding-top: 12px;
+          }
+        }
+      }
+
+      ul {
+        li {
+          .e-list-icon {
+
+            &.e-edit,
+            &.e-edited,
+            &.e-remove-report {
+
+              @if ($skin-name =='FluentUI') {
+                padding-top: 0;
+              }
+
+              @if ($skin-name =='bootstrap5') {
+                padding-top: 3px;
+              }
+
+              @if ($skin-name =='tailwind') {
+                padding-top: 4px;
+              }
+            }
+          }
+        }
       }
     }
 
@@ -1215,7 +1247,7 @@ $field-list-adaptive-outerdiv-height: 187px !default;
       max-width: 400px !important;
       min-width: 320px !important;
       @if ($skin-name == 'FluentUI') {
-        min-height: 370px;
+        min-height: 350px;
       }
 
       .e-member-prompt {
@@ -1615,6 +1647,12 @@ $field-list-adaptive-outerdiv-height: 187px !default;
           }
         }
       }
+
+      .e-member-editor-outer-container:not(.e-excelfilter) {
+        .e-editor-search-container {
+          padding-top: 4px !important;
+        }
+      }
     }
 
     .e-adaptive-field-list-dialog {
@@ -2066,6 +2104,21 @@ $field-list-adaptive-outerdiv-height: 187px !default;
       }
 
       /* stylelint-disable */
+      &.e-node-limit.e-excel-filter {
+        .e-excelfilter {
+          .e-member-editor-container-outer-div {
+
+            @if ($skin-name =='fabric') or ($skin-name =='fabric-dark') or ($skin-name =='highcontrast') or ($skin-name =='highcontrast-light') {
+                height: 75px !important;
+              }
+            
+            @if ($skin-name =='material') or ($skin-name =='material-dark') {
+              height: 65px !important;
+            }
+          }
+        }
+      }
+
       .e-excelfilter {
 
         @if ($skin-name == 'tailwind') {
@@ -2098,6 +2151,14 @@ $field-list-adaptive-outerdiv-height: 187px !default;
 
       &.e-excel-filter {
         min-width: $field-list-bigger-excel-dialog-min-width !important;
+        
+        @if ($skin-name =='fluent') or ($skin-name =='fabric') or ($skin-name =='fabric-dark') or ($skin-name =='highcontrast') or ($skin-name =='highcontrast-light') {
+          height: 427px !important;
+
+          &.e-node-limit {
+            height: 440px !important;
+          }
+        }
       }
     }
 
@@ -2209,11 +2270,11 @@ $field-list-adaptive-outerdiv-height: 187px !default;
 
     .e-member-editor-dialog,
     .e-olap-editor-dialog {
-      max-height: 400px !important;
+      max-height: 440px !important;
       min-width: 370px !important;
 
       .e-member-editor-container-outer-div {
-        min-height: 113px !important;
+        min-height: 75px !important;
 
         .e-list-parent .e-ul {
           height: auto;

package/SCSS-Themes/pivotview/pivotfieldlist/fabric-dark.scss

@@ -132,8 +132,8 @@ $field-list-icon-hover-color: $neutral-secondary !default;
 $error-font-color: #a80000 !default;
 $field-list-excel-member-filter-height: 117px !default;
 $field-list-excel-filter-height: 215px !default;
-$field-list-excel-member-filter-bigger-height: 73px !default;
-$field-list-excel-filter-bigger-height: 195px !default;
+$field-list-excel-member-filter-bigger-height: 101px !default;
+$field-list-excel-filter-bigger-height: 208px !default;
 $format-label-font-opacity: 1 !default;
 $format-label-font-color: $neutral-light-font !default;
 $format-label-font-weight: 600 !default;
@@ -924,6 +924,7 @@ $olap-bigger-tree-outer-div-width: 325px !default;
               display: inline-table;
               height: 100%;
               width: 100%;
+              min-width: 265px;
 
               ul {
                 .e-fullrow {
@@ -952,6 +953,8 @@ $olap-bigger-tree-outer-div-width: 325px !default;
                   cursor: pointer;
                   font-size: 13px;
                   margin-top: 3px;
+                  padding-left: 0px;
+                  padding-right: 0px;
                   @if($skin-name == 'tailwind') {
                     margin-top: 10px;
                   }
@@ -1131,10 +1134,39 @@ $olap-bigger-tree-outer-div-width: 325px !default;
       }
     }
 
-    .e-treeview .e-list-item div.e-icons {
-      font-size: $field-list-bigger-icon-size;
-      @if ($skin-name == 'tailwind') or ($skin-name == 'FluentUI') or ($skin-name == 'bootstrap5') {
-        padding-top: 12px;
+    .e-treeview {
+      .e-list-item {
+        div.e-icons {
+          font-size: $field-list-bigger-icon-size;
+
+          @if ($skin-name =='tailwind') or ($skin-name =='FluentUI') or ($skin-name =='bootstrap5') {
+            padding-top: 12px;
+          }
+        }
+      }
+
+      ul {
+        li {
+          .e-list-icon {
+
+            &.e-edit,
+            &.e-edited,
+            &.e-remove-report {
+
+              @if ($skin-name =='FluentUI') {
+                padding-top: 0;
+              }
+
+              @if ($skin-name =='bootstrap5') {
+                padding-top: 3px;
+              }
+
+              @if ($skin-name =='tailwind') {
+                padding-top: 4px;
+              }
+            }
+          }
+        }
       }
     }
 
@@ -1217,7 +1249,7 @@ $olap-bigger-tree-outer-div-width: 325px !default;
       max-width: 400px !important;
       min-width: 320px !important;
       @if ($skin-name == 'FluentUI') {
-        min-height: 370px;
+        min-height: 350px;
       }
 
       .e-member-prompt {
@@ -1617,6 +1649,12 @@ $olap-bigger-tree-outer-div-width: 325px !default;
           }
         }
       }
+
+      .e-member-editor-outer-container:not(.e-excelfilter) {
+        .e-editor-search-container {
+          padding-top: 4px !important;
+        }
+      }
     }
 
     .e-adaptive-field-list-dialog {
@@ -2068,6 +2106,21 @@ $olap-bigger-tree-outer-div-width: 325px !default;
       }
 
       /* stylelint-disable */
+      &.e-node-limit.e-excel-filter {
+        .e-excelfilter {
+          .e-member-editor-container-outer-div {
+
+            @if ($skin-name =='fabric') or ($skin-name =='fabric-dark') or ($skin-name =='highcontrast') or ($skin-name =='highcontrast-light') {
+                height: 75px !important;
+              }
+            
+            @if ($skin-name =='material') or ($skin-name =='material-dark') {
+              height: 65px !important;
+            }
+          }
+        }
+      }
+
       .e-excelfilter {
 
         @if ($skin-name == 'tailwind') {
@@ -2100,6 +2153,14 @@ $olap-bigger-tree-outer-div-width: 325px !default;
 
       &.e-excel-filter {
         min-width: $field-list-bigger-excel-dialog-min-width !important;
+        
+        @if ($skin-name =='fluent') or ($skin-name =='fabric') or ($skin-name =='fabric-dark') or ($skin-name =='highcontrast') or ($skin-name =='highcontrast-light') {
+          height: 427px !important;
+
+          &.e-node-limit {
+            height: 440px !important;
+          }
+        }
       }
     }
 
@@ -2211,11 +2272,11 @@ $olap-bigger-tree-outer-div-width: 325px !default;
 
     .e-member-editor-dialog,
     .e-olap-editor-dialog {
-      max-height: 400px !important;
+      max-height: 440px !important;
       min-width: 370px !important;
 
       .e-member-editor-container-outer-div {
-        min-height: 113px !important;
+        min-height: 75px !important;
 
         .e-list-parent .e-ul {
           height: auto;

package/SCSS-Themes/pivotview/pivotfieldlist/fabric.scss

@@ -132,8 +132,8 @@ $field-list-icon-hover-color: $neutral-secondary !default;
 $error-font-color: #a80000 !default;
 $field-list-excel-member-filter-height: 117px !default;
 $field-list-excel-filter-height: 215px !default;
-$field-list-excel-member-filter-bigger-height: 73px !default;
-$field-list-excel-filter-bigger-height: 195px !default;
+$field-list-excel-member-filter-bigger-height: 101px !default;
+$field-list-excel-filter-bigger-height: 209px !default;
 $format-label-font-opacity: 1 !default;
 $format-label-font-color: $neutral-light-font !default;
 $format-label-font-weight: 600 !default;
@@ -918,6 +918,7 @@ $field-list-adaptive-outerdiv-height: 166px !default;
               display: inline-table;
               height: 100%;
               width: 100%;
+              min-width: 265px;
 
               ul {
                 .e-fullrow {
@@ -946,6 +947,8 @@ $field-list-adaptive-outerdiv-height: 166px !default;
                   cursor: pointer;
                   font-size: 13px;
                   margin-top: 3px;
+                  padding-left: 0px;
+                  padding-right: 0px;
                   @if($skin-name == 'tailwind') {
                     margin-top: 10px;
                   }
@@ -1125,10 +1128,39 @@ $field-list-adaptive-outerdiv-height: 166px !default;
       }
     }
 
-    .e-treeview .e-list-item div.e-icons {
-      font-size: $field-list-bigger-icon-size;
-      @if ($skin-name == 'tailwind') or ($skin-name == 'FluentUI') or ($skin-name == 'bootstrap5') {
-        padding-top: 12px;
+    .e-treeview {
+      .e-list-item {
+        div.e-icons {
+          font-size: $field-list-bigger-icon-size;
+
+          @if ($skin-name =='tailwind') or ($skin-name =='FluentUI') or ($skin-name =='bootstrap5') {
+            padding-top: 12px;
+          }
+        }
+      }
+
+      ul {
+        li {
+          .e-list-icon {
+
+            &.e-edit,
+            &.e-edited,
+            &.e-remove-report {
+
+              @if ($skin-name =='FluentUI') {
+                padding-top: 0;
+              }
+
+              @if ($skin-name =='bootstrap5') {
+                padding-top: 3px;
+              }
+
+              @if ($skin-name =='tailwind') {
+                padding-top: 4px;
+              }
+            }
+          }
+        }
       }
     }
 
@@ -1211,7 +1243,7 @@ $field-list-adaptive-outerdiv-height: 166px !default;
       max-width: 400px !important;
       min-width: 320px !important;
       @if ($skin-name == 'FluentUI') {
-        min-height: 370px;
+        min-height: 350px;
       }
 
       .e-member-prompt {
@@ -1611,6 +1643,12 @@ $field-list-adaptive-outerdiv-height: 166px !default;
           }
         }
       }
+
+      .e-member-editor-outer-container:not(.e-excelfilter) {
+        .e-editor-search-container {
+          padding-top: 4px !important;
+        }
+      }
     }
 
     .e-adaptive-field-list-dialog {
@@ -2062,6 +2100,21 @@ $field-list-adaptive-outerdiv-height: 166px !default;
       }
 
       /* stylelint-disable */
+      &.e-node-limit.e-excel-filter {
+        .e-excelfilter {
+          .e-member-editor-container-outer-div {
+
+            @if ($skin-name =='fabric') or ($skin-name =='fabric-dark') or ($skin-name =='highcontrast') or ($skin-name =='highcontrast-light') {
+                height: 75px !important;
+              }
+            
+            @if ($skin-name =='material') or ($skin-name =='material-dark') {
+              height: 65px !important;
+            }
+          }
+        }
+      }
+
       .e-excelfilter {
 
         @if ($skin-name == 'tailwind') {
@@ -2094,6 +2147,14 @@ $field-list-adaptive-outerdiv-height: 166px !default;
 
       &.e-excel-filter {
         min-width: $field-list-bigger-excel-dialog-min-width !important;
+        
+        @if ($skin-name =='fluent') or ($skin-name =='fabric') or ($skin-name =='fabric-dark') or ($skin-name =='highcontrast') or ($skin-name =='highcontrast-light') {
+          height: 427px !important;
+
+          &.e-node-limit {
+            height: 440px !important;
+          }
+        }
       }
     }
 
@@ -2205,11 +2266,11 @@ $field-list-adaptive-outerdiv-height: 166px !default;
 
     .e-member-editor-dialog,
     .e-olap-editor-dialog {
-      max-height: 400px !important;
+      max-height: 440px !important;
       min-width: 370px !important;
 
       .e-member-editor-container-outer-div {
-        min-height: 113px !important;
+        min-height: 75px !important;
 
         .e-list-parent .e-ul {
           height: auto;

package/SCSS-Themes/pivotview/pivotfieldlist/fluent-dark.scss

@@ -69,7 +69,7 @@ $field-list-toggle-padding-size: 8px !default;
 $field-list-editor-dialog-footer-padding: 10px !default;
 $field-list-toggle-size: 31px !default;
 $field-list-toggle-bigger-size: 36px !default;
-$field-list-member-filter-list-bigger-height: 110px !default;
+$field-list-member-filter-list-bigger-height: 103px !default;
 $pivot-calculated-formula-font-family:  $font-family !default;
 $pivot-calculated-formula-font-padding: 5px 8px !default;
 $pivot-calculated-header-opacity: .87 !default;
@@ -101,8 +101,8 @@ $pivot-calculated-icon-opacity: .87 !default;
 $field-list-bigger-button-line-height: 1.1em !default;
 $field-list-excel-member-filter-height: 115px !default;
 $field-list-excel-filter-height: 215px !default;
-$field-list-excel-member-filter-bigger-height: 100px !default;
-$field-list-excel-filter-bigger-height: 220px !default;
+$field-list-excel-member-filter-bigger-height: 82px !default;
+$field-list-excel-filter-bigger-height: 192px !default;
 $format-label-font-opacity: .87 !default;
 $format-label-font-weight: 500 !default;
 $format-preview-bigger-height: 30px !default;
@@ -176,7 +176,7 @@ $format-preview-border-color: $border !default;
 $format-outer-border-color: $border-light !default;
 $format-outer-fill-color: $content-bg-color !default;
 $field-list-editor-label-color: $content-text-color !default;
-$field-list-editor-label-fill: $content-text-color-alt1 !default;
+$field-list-editor-label-fill: $content-bg-color-alt1 !default;
 $field-list-back-font-color: $icon-color !default;
 $field-list-mobile-header-color: $content-bg-color-alt2 !default;
 $field-list-mobile-header-font-color: $content-text-color-alt2 !default;
@@ -922,6 +922,7 @@ $field-list-adaptive-outerdiv-height: 184px !default;
               display: inline-table;
               height: 100%;
               width: 100%;
+              min-width: 265px;
 
               ul {
                 .e-fullrow {
@@ -950,6 +951,8 @@ $field-list-adaptive-outerdiv-height: 184px !default;
                   cursor: pointer;
                   font-size: 13px;
                   margin-top: 3px;
+                  padding-left: 0px;
+                  padding-right: 0px;
                   @if($skin-name == 'tailwind') {
                     margin-top: 10px;
                   }
@@ -1129,10 +1132,39 @@ $field-list-adaptive-outerdiv-height: 184px !default;
       }
     }
 
-    .e-treeview .e-list-item div.e-icons {
-      font-size: $field-list-bigger-icon-size;
-      @if ($skin-name == 'tailwind') or ($skin-name == 'FluentUI') or ($skin-name == 'bootstrap5') {
-        padding-top: 12px;
+    .e-treeview {
+      .e-list-item {
+        div.e-icons {
+          font-size: $field-list-bigger-icon-size;
+
+          @if ($skin-name =='tailwind') or ($skin-name =='FluentUI') or ($skin-name =='bootstrap5') {
+            padding-top: 12px;
+          }
+        }
+      }
+
+      ul {
+        li {
+          .e-list-icon {
+
+            &.e-edit,
+            &.e-edited,
+            &.e-remove-report {
+
+              @if ($skin-name =='FluentUI') {
+                padding-top: 0;
+              }
+
+              @if ($skin-name =='bootstrap5') {
+                padding-top: 3px;
+              }
+
+              @if ($skin-name =='tailwind') {
+                padding-top: 4px;
+              }
+            }
+          }
+        }
       }
     }
 
@@ -1215,7 +1247,7 @@ $field-list-adaptive-outerdiv-height: 184px !default;
       max-width: 400px !important;
       min-width: 320px !important;
       @if ($skin-name == 'FluentUI') {
-        min-height: 370px;
+        min-height: 350px;
       }
 
       .e-member-prompt {
@@ -1615,6 +1647,12 @@ $field-list-adaptive-outerdiv-height: 184px !default;
           }
         }
       }
+
+      .e-member-editor-outer-container:not(.e-excelfilter) {
+        .e-editor-search-container {
+          padding-top: 4px !important;
+        }
+      }
     }
 
     .e-adaptive-field-list-dialog {
@@ -2066,6 +2104,21 @@ $field-list-adaptive-outerdiv-height: 184px !default;
       }
 
       /* stylelint-disable */
+      &.e-node-limit.e-excel-filter {
+        .e-excelfilter {
+          .e-member-editor-container-outer-div {
+
+            @if ($skin-name =='fabric') or ($skin-name =='fabric-dark') or ($skin-name =='highcontrast') or ($skin-name =='highcontrast-light') {
+                height: 75px !important;
+              }
+            
+            @if ($skin-name =='material') or ($skin-name =='material-dark') {
+              height: 65px !important;
+            }
+          }
+        }
+      }
+
       .e-excelfilter {
 
         @if ($skin-name == 'tailwind') {
@@ -2098,6 +2151,14 @@ $field-list-adaptive-outerdiv-height: 184px !default;
 
       &.e-excel-filter {
         min-width: $field-list-bigger-excel-dialog-min-width !important;
+        
+        @if ($skin-name =='fluent') or ($skin-name =='fabric') or ($skin-name =='fabric-dark') or ($skin-name =='highcontrast') or ($skin-name =='highcontrast-light') {
+          height: 427px !important;
+
+          &.e-node-limit {
+            height: 440px !important;
+          }
+        }
       }
     }
 
@@ -2209,11 +2270,11 @@ $field-list-adaptive-outerdiv-height: 184px !default;
 
     .e-member-editor-dialog,
     .e-olap-editor-dialog {
-      max-height: 400px !important;
+      max-height: 440px !important;
       min-width: 370px !important;
 
       .e-member-editor-container-outer-div {
-        min-height: 113px !important;
+        min-height: 75px !important;
 
         .e-list-parent .e-ul {
           height: auto;