@syncfusion/blazor-themes 23.1.36 → 23.1.38

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

@@ -762,7 +762,10 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
       display: inline-block;
       line-height: $treeview-text-height;
       margin: $treeview-text-margin;
-      @if $skin-name != 'bootstrap4' {
+      @if $skin-name == 'Material3' {
+        min-height: $treeview-item-height;
+      }
+      @else if $skin-name != 'bootstrap4' {
         min-height: $treeview-text-height;
       }
       @else if $skin-name == 'bootstrap4' {

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

@@ -1833,6 +1833,9 @@ $olap-bigger-tree-outer-div-width: 325px !default;
         @if ($skin-name == 'FluentUI') {
           border-top: 0;
         }
+        @if ($skin-name == 'fabric') or ($skin-name == 'fabric-dark') or ($skin-name =='highcontrast') or ($skin-name =='highcontrast-light') {
+          padding: $field-list-editor-dialog-footer-padding;
+        }
       }
 
       .e-dlg-content {
@@ -1981,15 +1984,6 @@ $olap-bigger-tree-outer-div-width: 325px !default;
       padding: 9px 10px;
     }
 
-    .e-text-content {
-      .e-list-text {
-        line-height: 1.5em;
-        // @if ($field-list-skin == 'bootstrap4') {
-        //   line-height: 0;
-        // }
-      }
-    }
-
     &.e-drag-restrict {
       .e-no-drop {
         &::before {

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

@@ -1815,6 +1815,9 @@ $field-list-adaptive-outerdiv-height: 176px !default;
         @if ($skin-name == 'FluentUI') {
           border-top: 0;
         }
+        @if ($skin-name == 'fabric') or ($skin-name == 'fabric-dark') or ($skin-name =='highcontrast') or ($skin-name =='highcontrast-light') {
+          padding: $field-list-editor-dialog-footer-padding;
+        }
       }
 
       .e-dlg-content {
@@ -1963,15 +1966,6 @@ $field-list-adaptive-outerdiv-height: 176px !default;
       padding: 9px 10px;
     }
 
-    .e-text-content {
-      .e-list-text {
-        line-height: 1.5em;
-        // @if ($field-list-skin == 'bootstrap4') {
-        //   line-height: 0;
-        // }
-      }
-    }
-
     &.e-drag-restrict {
       .e-no-drop {
         &::before {

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

@@ -1815,6 +1815,9 @@ $field-list-adaptive-outerdiv-height: 177px !default;
         @if ($skin-name == 'FluentUI') {
           border-top: 0;
         }
+        @if ($skin-name == 'fabric') or ($skin-name == 'fabric-dark') or ($skin-name =='highcontrast') or ($skin-name =='highcontrast-light') {
+          padding: $field-list-editor-dialog-footer-padding;
+        }
       }
 
       .e-dlg-content {
@@ -1963,15 +1966,6 @@ $field-list-adaptive-outerdiv-height: 177px !default;
       padding: 9px 10px;
     }
 
-    .e-text-content {
-      .e-list-text {
-        line-height: 1.5em;
-        // @if ($field-list-skin == 'bootstrap4') {
-        //   line-height: 0;
-        // }
-      }
-    }
-
     &.e-drag-restrict {
       .e-no-drop {
         &::before {

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

@@ -1819,6 +1819,9 @@ $field-list-adaptive-outerdiv-height: 187px !default;
         @if ($skin-name == 'FluentUI') {
           border-top: 0;
         }
+        @if ($skin-name == 'fabric') or ($skin-name == 'fabric-dark') or ($skin-name =='highcontrast') or ($skin-name =='highcontrast-light') {
+          padding: $field-list-editor-dialog-footer-padding;
+        }
       }
 
       .e-dlg-content {
@@ -1967,15 +1970,6 @@ $field-list-adaptive-outerdiv-height: 187px !default;
       padding: 9px 10px;
     }
 
-    .e-text-content {
-      .e-list-text {
-        line-height: 1.5em;
-        // @if ($field-list-skin == 'bootstrap4') {
-        //   line-height: 0;
-        // }
-      }
-    }
-
     &.e-drag-restrict {
       .e-no-drop {
         &::before {

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

@@ -1819,6 +1819,9 @@ $field-list-adaptive-outerdiv-height: 187px !default;
         @if ($skin-name == 'FluentUI') {
           border-top: 0;
         }
+        @if ($skin-name == 'fabric') or ($skin-name == 'fabric-dark') or ($skin-name =='highcontrast') or ($skin-name =='highcontrast-light') {
+          padding: $field-list-editor-dialog-footer-padding;
+        }
       }
 
       .e-dlg-content {
@@ -1967,15 +1970,6 @@ $field-list-adaptive-outerdiv-height: 187px !default;
       padding: 9px 10px;
     }
 
-    .e-text-content {
-      .e-list-text {
-        line-height: 1.5em;
-        // @if ($field-list-skin == 'bootstrap4') {
-        //   line-height: 0;
-        // }
-      }
-    }
-
     &.e-drag-restrict {
       .e-no-drop {
         &::before {

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

@@ -1821,6 +1821,9 @@ $olap-bigger-tree-outer-div-width: 325px !default;
         @if ($skin-name == 'FluentUI') {
           border-top: 0;
         }
+        @if ($skin-name == 'fabric') or ($skin-name == 'fabric-dark') or ($skin-name =='highcontrast') or ($skin-name =='highcontrast-light') {
+          padding: $field-list-editor-dialog-footer-padding;
+        }
       }
 
       .e-dlg-content {
@@ -1969,15 +1972,6 @@ $olap-bigger-tree-outer-div-width: 325px !default;
       padding: 9px 10px;
     }
 
-    .e-text-content {
-      .e-list-text {
-        line-height: 1.5em;
-        // @if ($field-list-skin == 'bootstrap4') {
-        //   line-height: 0;
-        // }
-      }
-    }
-
     &.e-drag-restrict {
       .e-no-drop {
         &::before {

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

@@ -1815,6 +1815,9 @@ $field-list-adaptive-outerdiv-height: 166px !default;
         @if ($skin-name == 'FluentUI') {
           border-top: 0;
         }
+        @if ($skin-name == 'fabric') or ($skin-name == 'fabric-dark') or ($skin-name =='highcontrast') or ($skin-name =='highcontrast-light') {
+          padding: $field-list-editor-dialog-footer-padding;
+        }
       }
 
       .e-dlg-content {
@@ -1963,15 +1966,6 @@ $field-list-adaptive-outerdiv-height: 166px !default;
       padding: 9px 10px;
     }
 
-    .e-text-content {
-      .e-list-text {
-        line-height: 1.5em;
-        // @if ($field-list-skin == 'bootstrap4') {
-        //   line-height: 0;
-        // }
-      }
-    }
-
     &.e-drag-restrict {
       .e-no-drop {
         &::before {

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

@@ -1819,6 +1819,9 @@ $field-list-adaptive-outerdiv-height: 125px !default;
         @if ($skin-name == 'FluentUI') {
           border-top: 0;
         }
+        @if ($skin-name == 'fabric') or ($skin-name == 'fabric-dark') or ($skin-name =='highcontrast') or ($skin-name =='highcontrast-light') {
+          padding: $field-list-editor-dialog-footer-padding;
+        }
       }
 
       .e-dlg-content {
@@ -1967,15 +1970,6 @@ $field-list-adaptive-outerdiv-height: 125px !default;
       padding: 9px 10px;
     }
 
-    .e-text-content {
-      .e-list-text {
-        line-height: 1.5em;
-        // @if ($field-list-skin == 'bootstrap4') {
-        //   line-height: 0;
-        // }
-      }
-    }
-
     &.e-drag-restrict {
       .e-no-drop {
         &::before {

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

@@ -1819,6 +1819,9 @@ $field-list-adaptive-outerdiv-height: 125px !default;
         @if ($skin-name == 'FluentUI') {
           border-top: 0;
         }
+        @if ($skin-name == 'fabric') or ($skin-name == 'fabric-dark') or ($skin-name =='highcontrast') or ($skin-name =='highcontrast-light') {
+          padding: $field-list-editor-dialog-footer-padding;
+        }
       }
 
       .e-dlg-content {
@@ -1967,15 +1970,6 @@ $field-list-adaptive-outerdiv-height: 125px !default;
       padding: 9px 10px;
     }
 
-    .e-text-content {
-      .e-list-text {
-        line-height: 1.5em;
-        // @if ($field-list-skin == 'bootstrap4') {
-        //   line-height: 0;
-        // }
-      }
-    }
-
     &.e-drag-restrict {
       .e-no-drop {
         &::before {

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

@@ -1816,6 +1816,9 @@ $field-list-adaptive-outerdiv-height: 164px !default;
         @if ($skin-name == 'FluentUI') {
           border-top: 0;
         }
+        @if ($skin-name == 'fabric') or ($skin-name == 'fabric-dark') or ($skin-name =='highcontrast') or ($skin-name =='highcontrast-light') {
+          padding: $field-list-editor-dialog-footer-padding;
+        }
       }
 
       .e-dlg-content {
@@ -1964,15 +1967,6 @@ $field-list-adaptive-outerdiv-height: 164px !default;
       padding: 9px 10px;
     }
 
-    .e-text-content {
-      .e-list-text {
-        line-height: 1.5em;
-        // @if ($field-list-skin == 'bootstrap4') {
-        //   line-height: 0;
-        // }
-      }
-    }
-
     &.e-drag-restrict {
       .e-no-drop {
         &::before {

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

@@ -1816,6 +1816,9 @@ $field-list-adaptive-outerdiv-height: 165px !default;
         @if ($skin-name == 'FluentUI') {
           border-top: 0;
         }
+        @if ($skin-name == 'fabric') or ($skin-name == 'fabric-dark') or ($skin-name =='highcontrast') or ($skin-name =='highcontrast-light') {
+          padding: $field-list-editor-dialog-footer-padding;
+        }
       }
 
       .e-dlg-content {
@@ -1964,15 +1967,6 @@ $field-list-adaptive-outerdiv-height: 165px !default;
       padding: 9px 10px;
     }
 
-    .e-text-content {
-      .e-list-text {
-        line-height: 1.5em;
-        // @if ($field-list-skin == 'bootstrap4') {
-        //   line-height: 0;
-        // }
-      }
-    }
-
     &.e-drag-restrict {
       .e-no-drop {
         &::before {

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

@@ -1816,6 +1816,9 @@ $field-list-adaptive-outerdiv-height: 165px !default;
         @if ($skin-name == 'FluentUI') {
           border-top: 0;
         }
+        @if ($skin-name == 'fabric') or ($skin-name == 'fabric-dark') or ($skin-name =='highcontrast') or ($skin-name =='highcontrast-light') {
+          padding: $field-list-editor-dialog-footer-padding;
+        }
       }
 
       .e-dlg-content {
@@ -1964,15 +1967,6 @@ $field-list-adaptive-outerdiv-height: 165px !default;
       padding: 9px 10px;
     }
 
-    .e-text-content {
-      .e-list-text {
-        line-height: 1.5em;
-        // @if ($field-list-skin == 'bootstrap4') {
-        //   line-height: 0;
-        // }
-      }
-    }
-
     &.e-drag-restrict {
       .e-no-drop {
         &::before {

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

@@ -1826,6 +1826,9 @@ $field-list-device-footer-button-box-shadow: $shadow-lg !default;
         @if ($skin-name == 'FluentUI') {
           border-top: 0;
         }
+        @if ($skin-name == 'fabric') or ($skin-name == 'fabric-dark') or ($skin-name =='highcontrast') or ($skin-name =='highcontrast-light') {
+          padding: $field-list-editor-dialog-footer-padding;
+        }
       }
 
       .e-dlg-content {
@@ -1974,15 +1977,6 @@ $field-list-device-footer-button-box-shadow: $shadow-lg !default;
       padding: 9px 10px;
     }
 
-    .e-text-content {
-      .e-list-text {
-        line-height: 1.5em;
-        // @if ($field-list-skin == 'bootstrap4') {
-        //   line-height: 0;
-        // }
-      }
-    }
-
     &.e-drag-restrict {
       .e-no-drop {
         &::before {

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

@@ -1826,6 +1826,9 @@ $field-list-device-footer-button-box-shadow: $shadow-lg !default;
         @if ($skin-name == 'FluentUI') {
           border-top: 0;
         }
+        @if ($skin-name == 'fabric') or ($skin-name == 'fabric-dark') or ($skin-name =='highcontrast') or ($skin-name =='highcontrast-light') {
+          padding: $field-list-editor-dialog-footer-padding;
+        }
       }
 
       .e-dlg-content {
@@ -1974,15 +1977,6 @@ $field-list-device-footer-button-box-shadow: $shadow-lg !default;
       padding: 9px 10px;
     }
 
-    .e-text-content {
-      .e-list-text {
-        line-height: 1.5em;
-        // @if ($field-list-skin == 'bootstrap4') {
-        //   line-height: 0;
-        // }
-      }
-    }
-
     &.e-drag-restrict {
       .e-no-drop {
         &::before {

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

@@ -1819,6 +1819,9 @@ $field-list-adaptive-outerdiv-height: 179px !default;
         @if ($skin-name == 'FluentUI') {
           border-top: 0;
         }
+        @if ($skin-name == 'fabric') or ($skin-name == 'fabric-dark') or ($skin-name =='highcontrast') or ($skin-name =='highcontrast-light') {
+          padding: $field-list-editor-dialog-footer-padding;
+        }
       }
 
       .e-dlg-content {
@@ -1967,15 +1970,6 @@ $field-list-adaptive-outerdiv-height: 179px !default;
       padding: 9px 10px;
     }
 
-    .e-text-content {
-      .e-list-text {
-        line-height: 1.5em;
-        // @if ($field-list-skin == 'bootstrap4') {
-        //   line-height: 0;
-        // }
-      }
-    }
-
     &.e-drag-restrict {
       .e-no-drop {
         &::before {

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

@@ -1819,6 +1819,9 @@ $field-list-adaptive-outerdiv-height: 179px !default;
         @if ($skin-name == 'FluentUI') {
           border-top: 0;
         }
+        @if ($skin-name == 'fabric') or ($skin-name == 'fabric-dark') or ($skin-name =='highcontrast') or ($skin-name =='highcontrast-light') {
+          padding: $field-list-editor-dialog-footer-padding;
+        }
       }
 
       .e-dlg-content {
@@ -1967,15 +1970,6 @@ $field-list-adaptive-outerdiv-height: 179px !default;
       padding: 9px 10px;
     }
 
-    .e-text-content {
-      .e-list-text {
-        line-height: 1.5em;
-        // @if ($field-list-skin == 'bootstrap4') {
-        //   line-height: 0;
-        // }
-      }
-    }
-
     &.e-drag-restrict {
       .e-no-drop {
         &::before {

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

@@ -1410,6 +1410,7 @@ $pivotpager-single-size-title-padding: 8px !default;
         &.e-cellvalue {
           overflow: hidden;
           text-overflow: ellipsis;
+          width: 100%;
         }
       }
 
@@ -1713,6 +1714,7 @@ $pivotpager-single-size-title-padding: 8px !default;
           font-size: 20px;
           text-align: center;
           padding: 10%;
+          pointer-events: none;
           
           &.e-hide-loader {
             display: none;
@@ -2155,6 +2157,12 @@ $pivotpager-single-size-title-padding: 8px !default;
       width: 100%;
     }
 
+    th.e-group-row .e-axis-row {
+      display: inline-block;
+      height: 100%;
+      vertical-align: top;
+    }
+
     /* stylelint-disable */
     .e-group-row {
       padding: 0 !important;
@@ -2363,7 +2371,10 @@ $pivotpager-single-size-title-padding: 8px !default;
     th .e-expand,
     th .e-collapse {
       font-size: $pivotgrid-expcoldiv-fontsize !important;
-      margin-left: 0px;
+      margin-left: 0;
+      @if ($skin-name == 'bootstrap4') {
+        display: flex;
+      }
     }
 
     /* stylelint-enable */

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

@@ -1407,6 +1407,7 @@ $pivotpager-single-size-title-padding: 8px !default;
         &.e-cellvalue {
           overflow: hidden;
           text-overflow: ellipsis;
+          width: 100%;
         }
       }
 
@@ -1710,6 +1711,7 @@ $pivotpager-single-size-title-padding: 8px !default;
           font-size: 20px;
           text-align: center;
           padding: 10%;
+          pointer-events: none;
           
           &.e-hide-loader {
             display: none;
@@ -2152,6 +2154,12 @@ $pivotpager-single-size-title-padding: 8px !default;
       width: 100%;
     }
 
+    th.e-group-row .e-axis-row {
+      display: inline-block;
+      height: 100%;
+      vertical-align: top;
+    }
+
     /* stylelint-disable */
     .e-group-row {
       padding: 0 !important;
@@ -2360,7 +2368,10 @@ $pivotpager-single-size-title-padding: 8px !default;
     th .e-expand,
     th .e-collapse {
       font-size: $pivotgrid-expcoldiv-fontsize !important;
-      margin-left: 0px;
+      margin-left: 0;
+      @if ($skin-name == 'bootstrap4') {
+        display: flex;
+      }
     }
 
     /* stylelint-enable */

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

@@ -1407,6 +1407,7 @@ $pivotpager-single-size-title-padding: 8px !default;
         &.e-cellvalue {
           overflow: hidden;
           text-overflow: ellipsis;
+          width: 100%;
         }
       }
 
@@ -1710,6 +1711,7 @@ $pivotpager-single-size-title-padding: 8px !default;
           font-size: 20px;
           text-align: center;
           padding: 10%;
+          pointer-events: none;
           
           &.e-hide-loader {
             display: none;
@@ -2152,6 +2154,12 @@ $pivotpager-single-size-title-padding: 8px !default;
       width: 100%;
     }
 
+    th.e-group-row .e-axis-row {
+      display: inline-block;
+      height: 100%;
+      vertical-align: top;
+    }
+
     /* stylelint-disable */
     .e-group-row {
       padding: 0 !important;
@@ -2360,7 +2368,10 @@ $pivotpager-single-size-title-padding: 8px !default;
     th .e-expand,
     th .e-collapse {
       font-size: $pivotgrid-expcoldiv-fontsize !important;
-      margin-left: 0px;
+      margin-left: 0;
+      @if ($skin-name == 'bootstrap4') {
+        display: flex;
+      }
     }
 
     /* stylelint-enable */

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

@@ -1412,6 +1412,7 @@ $pivotpager-single-size-title-padding: 8px !default;
         &.e-cellvalue {
           overflow: hidden;
           text-overflow: ellipsis;
+          width: 100%;
         }
       }
 
@@ -1715,6 +1716,7 @@ $pivotpager-single-size-title-padding: 8px !default;
           font-size: 20px;
           text-align: center;
           padding: 10%;
+          pointer-events: none;
           
           &.e-hide-loader {
             display: none;
@@ -2157,6 +2159,12 @@ $pivotpager-single-size-title-padding: 8px !default;
       width: 100%;
     }
 
+    th.e-group-row .e-axis-row {
+      display: inline-block;
+      height: 100%;
+      vertical-align: top;
+    }
+
     /* stylelint-disable */
     .e-group-row {
       padding: 0 !important;
@@ -2365,7 +2373,10 @@ $pivotpager-single-size-title-padding: 8px !default;
     th .e-expand,
     th .e-collapse {
       font-size: $pivotgrid-expcoldiv-fontsize !important;
-      margin-left: 0px;
+      margin-left: 0;
+      @if ($skin-name == 'bootstrap4') {
+        display: flex;
+      }
     }
 
     /* stylelint-enable */

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

@@ -1412,6 +1412,7 @@ $pivotpager-single-size-title-padding: 8px !default;
         &.e-cellvalue {
           overflow: hidden;
           text-overflow: ellipsis;
+          width: 100%;
         }
       }
 
@@ -1715,6 +1716,7 @@ $pivotpager-single-size-title-padding: 8px !default;
           font-size: 20px;
           text-align: center;
           padding: 10%;
+          pointer-events: none;
           
           &.e-hide-loader {
             display: none;
@@ -2157,6 +2159,12 @@ $pivotpager-single-size-title-padding: 8px !default;
       width: 100%;
     }
 
+    th.e-group-row .e-axis-row {
+      display: inline-block;
+      height: 100%;
+      vertical-align: top;
+    }
+
     /* stylelint-disable */
     .e-group-row {
       padding: 0 !important;
@@ -2365,7 +2373,10 @@ $pivotpager-single-size-title-padding: 8px !default;
     th .e-expand,
     th .e-collapse {
       font-size: $pivotgrid-expcoldiv-fontsize !important;
-      margin-left: 0px;
+      margin-left: 0;
+      @if ($skin-name == 'bootstrap4') {
+        display: flex;
+      }
     }
 
     /* stylelint-enable */

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

@@ -1409,6 +1409,7 @@ $pivotpager-single-size-title-padding: 4px !default;
         &.e-cellvalue {
           overflow: hidden;
           text-overflow: ellipsis;
+          width: 100%;
         }
       }
 
@@ -1712,6 +1713,7 @@ $pivotpager-single-size-title-padding: 4px !default;
           font-size: 20px;
           text-align: center;
           padding: 10%;
+          pointer-events: none;
           
           &.e-hide-loader {
             display: none;
@@ -2154,6 +2156,12 @@ $pivotpager-single-size-title-padding: 4px !default;
       width: 100%;
     }
 
+    th.e-group-row .e-axis-row {
+      display: inline-block;
+      height: 100%;
+      vertical-align: top;
+    }
+
     /* stylelint-disable */
     .e-group-row {
       padding: 0 !important;
@@ -2362,7 +2370,10 @@ $pivotpager-single-size-title-padding: 4px !default;
     th .e-expand,
     th .e-collapse {
       font-size: $pivotgrid-expcoldiv-fontsize !important;
-      margin-left: 0px;
+      margin-left: 0;
+      @if ($skin-name == 'bootstrap4') {
+        display: flex;
+      }
     }
 
     /* stylelint-enable */