@syncfusion/blazor-themes 21.1.38 → 21.1.41

package/SCSS-Themes/navigations/tab/fabric.scss

@@ -5593,18 +5593,10 @@ $tab-background-text-color: $tab-alt-text-color !default;
 
       .e-popup-up-icon::before {
         content: '\e85e';
-
-        @media screen and (max-width: 480px) {
-          content: '\e976';
-        }
       }
 
       .e-popup-down-icon::before {
         content: '\e84f';
-
-        @media screen and (max-width: 480px) {
-          content: '\e976';
-        }
       }
     }
 

package/SCSS-Themes/navigations/tab/fluent-dark.scss

@@ -5581,18 +5581,10 @@ $tab-background-text-color: $primary-text-color !default;
 
       .e-popup-up-icon::before {
         content: '\e776';
-
-        @media screen and (max-width: 480px) {
-          content: '\e770';
-        }
       }
 
       .e-popup-down-icon::before {
         content: '\e729';
-
-        @media screen and (max-width: 480px) {
-          content: '\e770';
-        }
       }
     }
 

package/SCSS-Themes/navigations/tab/fluent.scss

@@ -5581,18 +5581,10 @@ $tab-background-text-color: $primary-text-color !default;
 
       .e-popup-up-icon::before {
         content: '\e776';
-
-        @media screen and (max-width: 480px) {
-          content: '\e770';
-        }
       }
 
       .e-popup-down-icon::before {
         content: '\e729';
-
-        @media screen and (max-width: 480px) {
-          content: '\e770';
-        }
       }
     }
 

package/SCSS-Themes/navigations/tab/highcontrast.scss

@@ -5625,18 +5625,6 @@ $tab-background-text-color: $tab-alt-text-color !default;
         content: '\e7fc';
         position: relative;
       }
-
-      .e-popup-up-icon::before {
-        @media screen and (max-width: 480px) {
-          content: '\e976';
-        }
-      }
-
-      .e-popup-down-icon::before {
-        @media screen and (max-width: 480px) {
-          content: '\e976';
-        }
-      }
     }
 
     &.e-vertical-icon .e-tab-header {

package/SCSS-Themes/navigations/tab/material-dark.scss

@@ -5586,18 +5586,6 @@ $tbar-alt-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(0, 0, 0, .12) !def
         content: '\e7fc';
         position: relative;
       }
-
-      .e-popup-up-icon::before {
-        @media screen and (max-width: 480px) {
-          content: '\e984';
-        }
-      }
-
-      .e-popup-down-icon::before {
-        @media screen and (max-width: 480px) {
-          content: '\e984';
-        }
-      }
     }
 
     &.e-vertical-icon .e-tab-header {

package/SCSS-Themes/navigations/tab/material.scss

@@ -5596,18 +5596,6 @@ $tab-background-text-color: $tab-alt-text-color !default;
         content: '\e7fc';
         position: relative;
       }
-
-      .e-popup-up-icon::before {
-        @media screen and (max-width: 480px) {
-          content: '\e984';
-        }
-      }
-
-      .e-popup-down-icon::before {
-        @media screen and (max-width: 480px) {
-          content: '\e984';
-        }
-      }
     }
 
     &.e-vertical-icon .e-tab-header {

package/SCSS-Themes/navigations/tab/tailwind-dark.scss

@@ -5599,18 +5599,6 @@ $tab-background-text-color: $tab-alt-text-color !default;
         content: '\e7e7';
         position: relative;
       }
-
-      .e-popup-up-icon::before {
-        @media screen and (max-width: 480px) {
-          content: '\e770';
-        }
-      }
-
-      .e-popup-down-icon::before {
-        @media screen and (max-width: 480px) {
-          content: '\e770';
-        }
-      }
     }
 
     &.e-vertical-icon .e-tab-header {

package/SCSS-Themes/navigations/tab/tailwind.scss

@@ -5599,18 +5599,6 @@ $tab-background-text-color: $tab-alt-text-color !default;
         content: '\e7e7';
         position: relative;
       }
-
-      .e-popup-up-icon::before {
-        @media screen and (max-width: 480px) {
-          content: '\e770';
-        }
-      }
-
-      .e-popup-down-icon::before {
-        @media screen and (max-width: 480px) {
-          content: '\e770';
-        }
-      }
     }
 
     &.e-vertical-icon .e-tab-header {

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

@@ -493,6 +493,11 @@ $olap-bigger-tree-outer-div-width: 325px !default;
       }
       /* stylelint-enable */
 
+      .e-format-condition-button {
+        .e-add-icon {
+          margin-left: 0;
+        }
+      }
       .e-format-value1,
       .e-format-value2,
       .e-format-value-span {
@@ -3362,9 +3367,6 @@ $olap-bigger-tree-outer-div-width: 325px !default;
         background-color: $field-list-mobile-header-color;
         color: $field-list-mobile-header-font-color;
         font-size: 14px;
-        height: 48px;
-        padding-bottom: 9px;
-        padding-top: 9px;
         @if ($skin-name == 'tailwind') {
           padding-left: 16px;
           padding-right: 16px;
@@ -3386,19 +3388,15 @@ $olap-bigger-tree-outer-div-width: 325px !default;
 
       .e-title-mobile-header {
         display: flex;
-      }
-
-      .e-title-mobile-content {
-        margin-top: $field-list-back-margin;
+        align-items: center;
       }
 
       .e-field-list-back-icon {
         color: $field-list-back-font-color;
         font-size: 16px;
-        height: 24px;
+        height: auto;
         margin-left: 0;
         margin-right: 12px;
-        padding-top: 7px;
         text-align: center;
         width: 24px;
       }
@@ -3619,16 +3617,18 @@ $olap-bigger-tree-outer-div-width: 325px !default;
               margin-top: 20px;
               overflow: auto;
 
+              .e-acrdn-header {
+                align-items: center;
+                display: flex;
+              }
+
               .e-acrdn-header-icon {
                 display: table;
                 font-size: 12px;
-                height: 36px;
-                min-height: 36px;
                 min-width: 28px;
                 padding: 0;
                 position: absolute;
                 right: 16px;
-                top: 0;
 
                 .e-list-icon {
                   cursor: pointer;

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

@@ -447,6 +447,11 @@ $field-list-adaptive-outerdiv-height: 176px !default;
       }
       /* stylelint-enable */
 
+      .e-format-condition-button {
+        .e-add-icon {
+          margin-left: 0;
+        }
+      }
       .e-format-value1,
       .e-format-value2,
       .e-format-value-span {
@@ -3316,9 +3321,6 @@ $field-list-adaptive-outerdiv-height: 176px !default;
         background-color: $field-list-mobile-header-color;
         color: $field-list-mobile-header-font-color;
         font-size: 14px;
-        height: 48px;
-        padding-bottom: 9px;
-        padding-top: 9px;
         @if ($skin-name == 'tailwind') {
           padding-left: 16px;
           padding-right: 16px;
@@ -3340,19 +3342,15 @@ $field-list-adaptive-outerdiv-height: 176px !default;
 
       .e-title-mobile-header {
         display: flex;
-      }
-
-      .e-title-mobile-content {
-        margin-top: $field-list-back-margin;
+        align-items: center;
       }
 
       .e-field-list-back-icon {
         color: $field-list-back-font-color;
         font-size: 16px;
-        height: 24px;
+        height: auto;
         margin-left: 0;
         margin-right: 12px;
-        padding-top: 7px;
         text-align: center;
         width: 24px;
       }
@@ -3573,16 +3571,18 @@ $field-list-adaptive-outerdiv-height: 176px !default;
               margin-top: 20px;
               overflow: auto;
 
+              .e-acrdn-header {
+                align-items: center;
+                display: flex;
+              }
+
               .e-acrdn-header-icon {
                 display: table;
                 font-size: 12px;
-                height: 36px;
-                min-height: 36px;
                 min-width: 28px;
                 padding: 0;
                 position: absolute;
                 right: 16px;
-                top: 0;
 
                 .e-list-icon {
                   cursor: pointer;

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

@@ -447,6 +447,11 @@ $field-list-adaptive-outerdiv-height: 177px !default;
       }
       /* stylelint-enable */
 
+      .e-format-condition-button {
+        .e-add-icon {
+          margin-left: 0;
+        }
+      }
       .e-format-value1,
       .e-format-value2,
       .e-format-value-span {
@@ -3316,9 +3321,6 @@ $field-list-adaptive-outerdiv-height: 177px !default;
         background-color: $field-list-mobile-header-color;
         color: $field-list-mobile-header-font-color;
         font-size: 14px;
-        height: 48px;
-        padding-bottom: 9px;
-        padding-top: 9px;
         @if ($skin-name == 'tailwind') {
           padding-left: 16px;
           padding-right: 16px;
@@ -3340,19 +3342,15 @@ $field-list-adaptive-outerdiv-height: 177px !default;
 
       .e-title-mobile-header {
         display: flex;
-      }
-
-      .e-title-mobile-content {
-        margin-top: $field-list-back-margin;
+        align-items: center;
       }
 
       .e-field-list-back-icon {
         color: $field-list-back-font-color;
         font-size: 16px;
-        height: 24px;
+        height: auto;
         margin-left: 0;
         margin-right: 12px;
-        padding-top: 7px;
         text-align: center;
         width: 24px;
       }
@@ -3573,16 +3571,18 @@ $field-list-adaptive-outerdiv-height: 177px !default;
               margin-top: 20px;
               overflow: auto;
 
+              .e-acrdn-header {
+                align-items: center;
+                display: flex;
+              }
+
               .e-acrdn-header-icon {
                 display: table;
                 font-size: 12px;
-                height: 36px;
-                min-height: 36px;
                 min-width: 28px;
                 padding: 0;
                 position: absolute;
                 right: 16px;
-                top: 0;
 
                 .e-list-icon {
                   cursor: pointer;

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

@@ -451,6 +451,11 @@ $field-list-adaptive-outerdiv-height: 187px !default;
       }
       /* stylelint-enable */
 
+      .e-format-condition-button {
+        .e-add-icon {
+          margin-left: 0;
+        }
+      }
       .e-format-value1,
       .e-format-value2,
       .e-format-value-span {
@@ -3320,9 +3325,6 @@ $field-list-adaptive-outerdiv-height: 187px !default;
         background-color: $field-list-mobile-header-color;
         color: $field-list-mobile-header-font-color;
         font-size: 14px;
-        height: 48px;
-        padding-bottom: 9px;
-        padding-top: 9px;
         @if ($skin-name == 'tailwind') {
           padding-left: 16px;
           padding-right: 16px;
@@ -3344,19 +3346,15 @@ $field-list-adaptive-outerdiv-height: 187px !default;
 
       .e-title-mobile-header {
         display: flex;
-      }
-
-      .e-title-mobile-content {
-        margin-top: $field-list-back-margin;
+        align-items: center;
       }
 
       .e-field-list-back-icon {
         color: $field-list-back-font-color;
         font-size: 16px;
-        height: 24px;
+        height: auto;
         margin-left: 0;
         margin-right: 12px;
-        padding-top: 7px;
         text-align: center;
         width: 24px;
       }
@@ -3577,16 +3575,18 @@ $field-list-adaptive-outerdiv-height: 187px !default;
               margin-top: 20px;
               overflow: auto;
 
+              .e-acrdn-header {
+                align-items: center;
+                display: flex;
+              }
+
               .e-acrdn-header-icon {
                 display: table;
                 font-size: 12px;
-                height: 36px;
-                min-height: 36px;
                 min-width: 28px;
                 padding: 0;
                 position: absolute;
                 right: 16px;
-                top: 0;
 
                 .e-list-icon {
                   cursor: pointer;

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

@@ -451,6 +451,11 @@ $field-list-adaptive-outerdiv-height: 187px !default;
       }
       /* stylelint-enable */
 
+      .e-format-condition-button {
+        .e-add-icon {
+          margin-left: 0;
+        }
+      }
       .e-format-value1,
       .e-format-value2,
       .e-format-value-span {
@@ -3320,9 +3325,6 @@ $field-list-adaptive-outerdiv-height: 187px !default;
         background-color: $field-list-mobile-header-color;
         color: $field-list-mobile-header-font-color;
         font-size: 14px;
-        height: 48px;
-        padding-bottom: 9px;
-        padding-top: 9px;
         @if ($skin-name == 'tailwind') {
           padding-left: 16px;
           padding-right: 16px;
@@ -3344,19 +3346,15 @@ $field-list-adaptive-outerdiv-height: 187px !default;
 
       .e-title-mobile-header {
         display: flex;
-      }
-
-      .e-title-mobile-content {
-        margin-top: $field-list-back-margin;
+        align-items: center;
       }
 
       .e-field-list-back-icon {
         color: $field-list-back-font-color;
         font-size: 16px;
-        height: 24px;
+        height: auto;
         margin-left: 0;
         margin-right: 12px;
-        padding-top: 7px;
         text-align: center;
         width: 24px;
       }
@@ -3577,16 +3575,18 @@ $field-list-adaptive-outerdiv-height: 187px !default;
               margin-top: 20px;
               overflow: auto;
 
+              .e-acrdn-header {
+                align-items: center;
+                display: flex;
+              }
+
               .e-acrdn-header-icon {
                 display: table;
                 font-size: 12px;
-                height: 36px;
-                min-height: 36px;
                 min-width: 28px;
                 padding: 0;
                 position: absolute;
                 right: 16px;
-                top: 0;
 
                 .e-list-icon {
                   cursor: pointer;

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

@@ -453,6 +453,11 @@ $olap-bigger-tree-outer-div-width: 325px !default;
       }
       /* stylelint-enable */
 
+      .e-format-condition-button {
+        .e-add-icon {
+          margin-left: 0;
+        }
+      }
       .e-format-value1,
       .e-format-value2,
       .e-format-value-span {
@@ -3322,9 +3327,6 @@ $olap-bigger-tree-outer-div-width: 325px !default;
         background-color: $field-list-mobile-header-color;
         color: $field-list-mobile-header-font-color;
         font-size: 14px;
-        height: 48px;
-        padding-bottom: 9px;
-        padding-top: 9px;
         @if ($skin-name == 'tailwind') {
           padding-left: 16px;
           padding-right: 16px;
@@ -3346,19 +3348,15 @@ $olap-bigger-tree-outer-div-width: 325px !default;
 
       .e-title-mobile-header {
         display: flex;
-      }
-
-      .e-title-mobile-content {
-        margin-top: $field-list-back-margin;
+        align-items: center;
       }
 
       .e-field-list-back-icon {
         color: $field-list-back-font-color;
         font-size: 16px;
-        height: 24px;
+        height: auto;
         margin-left: 0;
         margin-right: 12px;
-        padding-top: 7px;
         text-align: center;
         width: 24px;
       }
@@ -3579,16 +3577,18 @@ $olap-bigger-tree-outer-div-width: 325px !default;
               margin-top: 20px;
               overflow: auto;
 
+              .e-acrdn-header {
+                align-items: center;
+                display: flex;
+              }
+
               .e-acrdn-header-icon {
                 display: table;
                 font-size: 12px;
-                height: 36px;
-                min-height: 36px;
                 min-width: 28px;
                 padding: 0;
                 position: absolute;
                 right: 16px;
-                top: 0;
 
                 .e-list-icon {
                   cursor: pointer;

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

@@ -447,6 +447,11 @@ $field-list-adaptive-outerdiv-height: 166px !default;
       }
       /* stylelint-enable */
 
+      .e-format-condition-button {
+        .e-add-icon {
+          margin-left: 0;
+        }
+      }
       .e-format-value1,
       .e-format-value2,
       .e-format-value-span {
@@ -3316,9 +3321,6 @@ $field-list-adaptive-outerdiv-height: 166px !default;
         background-color: $field-list-mobile-header-color;
         color: $field-list-mobile-header-font-color;
         font-size: 14px;
-        height: 48px;
-        padding-bottom: 9px;
-        padding-top: 9px;
         @if ($skin-name == 'tailwind') {
           padding-left: 16px;
           padding-right: 16px;
@@ -3340,19 +3342,15 @@ $field-list-adaptive-outerdiv-height: 166px !default;
 
       .e-title-mobile-header {
         display: flex;
-      }
-
-      .e-title-mobile-content {
-        margin-top: $field-list-back-margin;
+        align-items: center;
       }
 
       .e-field-list-back-icon {
         color: $field-list-back-font-color;
         font-size: 16px;
-        height: 24px;
+        height: auto;
         margin-left: 0;
         margin-right: 12px;
-        padding-top: 7px;
         text-align: center;
         width: 24px;
       }
@@ -3573,16 +3571,18 @@ $field-list-adaptive-outerdiv-height: 166px !default;
               margin-top: 20px;
               overflow: auto;
 
+              .e-acrdn-header {
+                align-items: center;
+                display: flex;
+              }
+
               .e-acrdn-header-icon {
                 display: table;
                 font-size: 12px;
-                height: 36px;
-                min-height: 36px;
                 min-width: 28px;
                 padding: 0;
                 position: absolute;
                 right: 16px;
-                top: 0;
 
                 .e-list-icon {
                   cursor: pointer;

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

@@ -451,6 +451,11 @@ $field-list-adaptive-outerdiv-height: 184px !default;
       }
       /* stylelint-enable */
 
+      .e-format-condition-button {
+        .e-add-icon {
+          margin-left: 0;
+        }
+      }
       .e-format-value1,
       .e-format-value2,
       .e-format-value-span {
@@ -3320,9 +3325,6 @@ $field-list-adaptive-outerdiv-height: 184px !default;
         background-color: $field-list-mobile-header-color;
         color: $field-list-mobile-header-font-color;
         font-size: 14px;
-        height: 48px;
-        padding-bottom: 9px;
-        padding-top: 9px;
         @if ($skin-name == 'tailwind') {
           padding-left: 16px;
           padding-right: 16px;
@@ -3344,19 +3346,15 @@ $field-list-adaptive-outerdiv-height: 184px !default;
 
       .e-title-mobile-header {
         display: flex;
-      }
-
-      .e-title-mobile-content {
-        margin-top: $field-list-back-margin;
+        align-items: center;
       }
 
       .e-field-list-back-icon {
         color: $field-list-back-font-color;
         font-size: 16px;
-        height: 24px;
+        height: auto;
         margin-left: 0;
         margin-right: 12px;
-        padding-top: 7px;
         text-align: center;
         width: 24px;
       }
@@ -3577,16 +3575,18 @@ $field-list-adaptive-outerdiv-height: 184px !default;
               margin-top: 20px;
               overflow: auto;
 
+              .e-acrdn-header {
+                align-items: center;
+                display: flex;
+              }
+
               .e-acrdn-header-icon {
                 display: table;
                 font-size: 12px;
-                height: 36px;
-                min-height: 36px;
                 min-width: 28px;
                 padding: 0;
                 position: absolute;
                 right: 16px;
-                top: 0;
 
                 .e-list-icon {
                   cursor: pointer;