@syncfusion/blazor-themes 20.3.61 → 20.4.38

package/SCSS-Themes/pdfviewer/pdfviewer/tailwind.scss

@@ -43,6 +43,7 @@
 @import '../../splitbuttons/progress-button/tailwind.scss';
 @import '../../notifications/toast/tailwind.scss';
 @import '../../navigations/appbar/tailwind.scss';
+@import '../../notifications/message/tailwind.scss';
 /*! PdfViewer's default definitions and variables */
 //layout variables
 $pv-viewer-border-width: 1px 1px 1px 0 !default;
@@ -3951,7 +3952,6 @@ $pv-eye-icon-margin-top: 3px !default;
     min-height: 49px;
   }
   
-
   .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-bold.e-pv-tbar-btn.e-tooltip.textprop-option-active,
   .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-italic.e-pv-tbar-btn.e-tooltip.textprop-option-active,
   .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-strikeout.e-pv-tbar-btn.e-tooltip.textprop-option-active,

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

@@ -964,6 +964,7 @@ $olap-bigger-tree-outer-div-width: 325px !default;
               display: inline-table;
               height: 100%;
               width: 100%;
+              min-width: 265px;
 
               ul {
                 .e-fullrow {
@@ -992,6 +993,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;
                   }
@@ -1171,10 +1174,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;
+              }
+            }
+          }
+        }
       }
     }
 
@@ -1257,7 +1289,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 {
@@ -1657,6 +1689,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 {
@@ -2108,6 +2146,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') {
@@ -2140,6 +2193,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;
+          }
+        }
       }
     }
 
@@ -2251,11 +2312,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/bootstrap.scss

@@ -116,7 +116,7 @@ $error-font-color: #a94442 !default;
 $field-list-excel-member-filter-height: 140px !default;
 $field-list-excel-filter-height: 234px !default;
 $field-list-excel-member-filter-bigger-height: 97px !default;
-$field-list-excel-filter-bigger-height: 213px !default;
+$field-list-excel-filter-bigger-height: 204px !default;
 $format-label-font-opacity: 1 !default;
 $format-label-font-color: $grey-light-font !default;
 $format-label-font-weight: 600 !default;
@@ -918,6 +918,7 @@ $field-list-adaptive-outerdiv-height: 176px !default;
               display: inline-table;
               height: 100%;
               width: 100%;
+              min-width: 265px;
 
               ul {
                 .e-fullrow {
@@ -946,6 +947,8 @@ $field-list-adaptive-outerdiv-height: 176px !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: 176px !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: 176px !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: 176px !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: 176px !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: 176px !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: 176px !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/bootstrap4.scss

@@ -116,7 +116,7 @@ $error-font-color: #a94442 !default;
 $field-list-excel-member-filter-height: 157px !default;
 $field-list-excel-filter-height: 234px !default;
 $field-list-excel-member-filter-bigger-height: 117px !default;
-$field-list-excel-filter-bigger-height: 213px !default;
+$field-list-excel-filter-bigger-height: 220px !default;
 $format-label-font-opacity: 1 !default;
 $format-label-font-color: $gray-600 !default;
 $format-label-font-weight: 600 !default;
@@ -918,6 +918,7 @@ $field-list-adaptive-outerdiv-height: 177px !default;
               display: inline-table;
               height: 100%;
               width: 100%;
+              min-width: 265px;
 
               ul {
                 .e-fullrow {
@@ -946,6 +947,8 @@ $field-list-adaptive-outerdiv-height: 177px !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: 177px !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: 177px !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: 177px !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: 177px !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: 177px !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: 177px !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/bootstrap5-dark.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;