@syncfusion/blazor-themes 23.2.7 → 24.1.43

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

@@ -818,11 +818,6 @@ $field-list-adaptive-outerdiv-height: 179px !default;
     }
 
     &.e-rtl {
-      .e-treeview .e-list-item div.e-icons {
-        height: 24px;
-        width: 24px;
-      }
-
       .e-treeview .e-list-item div.e-edit.e-icons,
       .e-treeview .e-list-item div.e-edited.e-icons,
       .e-treeview .e-list-item div.e-remove-report.e-icons {
@@ -1196,7 +1191,6 @@ $field-list-adaptive-outerdiv-height: 179px !default;
     }
 
     .e-footer-content {
-      padding-right: $pivot-dialog-footer-paddingright;
       padding-top: $pivot-dialog-footer-padding;
     }
 
@@ -1593,8 +1587,8 @@ $field-list-adaptive-outerdiv-height: 179px !default;
         padding: 20px;
         padding-bottom: 0;
 
-		/* stylelint-disable */
         .e-filter-text-div {
+          /* stylelint-disable */
           color: $field-list-button-icon-color !important;
           /* stylelint-enable */
           font-size: 13px;
@@ -1634,6 +1628,21 @@ $field-list-adaptive-outerdiv-height: 179px !default;
             .e-filter-sort {
               margin-left: 0;
               margin-right: $field-list-sort-wrapper-padding-size;
+
+              .e-member-sort {
+                &:first-of-type {
+                  @if ($skin-name == 'Material3') {
+                    border-top-left-radius: 0;
+                    border-bottom-left-radius: 0;
+                  }
+                }
+                &:last-of-type {
+                  @if ($skin-name == 'Material3') {
+                    border-top-right-radius: 0;
+                    border-bottom-right-radius: 0;
+                  }
+                }
+              }
             }
           }
         }
@@ -1906,6 +1915,9 @@ $field-list-adaptive-outerdiv-height: 179px !default;
         font-size: $field-list-drag-clone-font-size;
         padding: 0;
         width: 100%;
+        @if ($skin-name == 'Material3') {
+          min-height: auto;
+        }
       }
     }
 
@@ -2298,12 +2310,8 @@ $field-list-adaptive-outerdiv-height: 179px !default;
       max-height: 440px !important;
       min-width: 370px !important;
 
-      .e-member-editor-container-outer-div {
-        min-height: 75px !important;
-
-        .e-list-parent .e-ul {
-          height: auto;
-        }
+      .e-member-editor-container-outer-div .e-list-parent .e-ul {
+        height: auto;
       }
     }
   }
@@ -2421,7 +2429,6 @@ $field-list-adaptive-outerdiv-height: 179px !default;
         max-width: 45%;
         overflow: visible;
       }
-
     }
 
     .e-checkbox-layout {
@@ -2551,6 +2558,7 @@ $field-list-adaptive-outerdiv-height: 179px !default;
           padding: $field-list-table-header-padding;
           text-align: left;
           text-overflow: ellipsis;
+          white-space: nowrap;
           word-break: break-all;
           @if ($field-list-skin == 'tailwind') {
             text-transform: uppercase;
@@ -2805,6 +2813,7 @@ $field-list-adaptive-outerdiv-height: 179px !default;
             padding: 0 8px;
             text-overflow: ellipsis;
             text-transform: $field-list-text-transform;
+            white-space: nowrap;
             width: 100%;
             @if ($skin-name == 'Material3') {
               font-weight: $field-list-table-header-font-weight;
@@ -3304,6 +3313,38 @@ $field-list-adaptive-outerdiv-height: 179px !default;
           }
         }
       }
+
+      .e-layout-footer {
+        .e-checkbox-layout {
+          align-items: center;
+          display: flex;
+          margin-top: 0;
+          overflow: hidden;
+          width: 100%;
+  
+          .e-checkbox-wrapper {
+            width: 100%;
+  
+            label {
+              width: 100%;
+  
+              .e-label {
+                overflow: hidden;
+                /* stylelint-disable */
+                text-overflow: ellipsis !important;
+                /* stylelint-enable */
+                white-space: unset;
+                width: calc(100% - 20px);
+              }
+            }
+          }
+        }
+  
+        .e-button-layout {
+          display: flex;
+          justify-content: flex-end;
+        }
+      }
     }
 
     &.e-device {
@@ -3327,7 +3368,8 @@ $field-list-adaptive-outerdiv-height: 179px !default;
       }
 
       .e-adaptive-field-list-dialog,
-      .e-member-editor-dialog {
+      .e-member-editor-dialog,
+      .e-value-field-settings {
         .e-dlg-header-content {
           background-color: transparent;
           color: $field-list-mobile-header-font-color;
@@ -3619,7 +3661,7 @@ $field-list-adaptive-outerdiv-height: 179px !default;
             .e-pivot-add-button,
             .e-pivot-cancel-button {
               float: right;
-              margin-right: 20px;
+              margin-right: calc(10% - 20px);
               margin-top: 32px;
             }
 
@@ -3681,7 +3723,7 @@ $field-list-adaptive-outerdiv-height: 179px !default;
             }
 
             &.e-olap-calc-outer-div {
-              max-height: 350px;
+              max-height: 575px;
               overflow: hidden;
               overflow-y: auto;
             }
@@ -3942,7 +3984,6 @@ $field-list-adaptive-outerdiv-height: 179px !default;
 
           .e-axis-header {
             font-size: $field-list-bigger-header-font-size;
-            line-height: $field-list-bigger-header-content-line-height;
             padding: 0 12px;
           }
         }
@@ -4023,17 +4064,6 @@ $field-list-adaptive-outerdiv-height: 179px !default;
           .e-right-axis-fields .e-field-list-values {
             margin-top: $field-list-default-bigger-padding-size;
           }
-
-          .e-left-axis-fields .e-field-list-filters,
-          .e-left-axis-fields .e-field-list-rows,
-          .e-right-axis-fields .e-field-list-columns,
-          .e-right-axis-fields .e-field-list-values {
-            .e-axis-container {
-              .e-axis-icon-container {
-                padding-top: $field-list-static-bigger-header-icon-wrapper-padding;
-              }
-            }
-          }
         }
       }
 
@@ -4049,6 +4079,10 @@ $field-list-adaptive-outerdiv-height: 179px !default;
           }
         }
       }
+
+      .e-layout-footer .e-checkbox-layout .e-checkbox-wrapper label .e-label {
+        width: calc(100% - 30px);
+      }
     }
 
     &.e-rtl {

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

@@ -59,7 +59,7 @@ $pivotgrid-prompt-default-font-color: $pivotgrid-default-font-color !default;
 $pivotgrid-default-border-color: $grey-44 !default;
 $pivotgrid-border-type: $border-type !default;
 $pivotgrid-border-size: $border-size !default;
-$pivotgrid-table-background-color: $grey-white !default;
+$pivotgrid-table-background-color: transparent !default;
 $pivotgrid-content-font-size: 13px !default;
 $pivotgrid-bigger-content-font-size: 13px !default;
 $field-list-font-family: $font-family !default;
@@ -912,10 +912,6 @@ $pivotpager-single-size-title-padding: 8px !default;
       .e-pivot-toolbar-menu {
         background-color: $pivotgrid-table-background-color;
         border: none;
-        @if ($pivotgrid-skin == 'bootstrap4') {
-          background-color: $gray-100;
-          color: $gray-700;
-        }
 
         ul .e-menu-item {
           @if ($skin-name != 'tailwind') {
@@ -926,19 +922,6 @@ $pivotpager-single-size-title-padding: 8px !default;
           overflow: hidden;
           padding-left: 10px;
 
-          @if ($pivotgrid-skin == 'bootstrap4') {
-            background-color: $pivotgrid-grp-bg-color;
-            color: $gray-700;
-          }
-
-          @if ($pivotgrid-skin =='FluentUI') {
-            background-color: $pivotgrid-grp-bg-color;
-
-            &:hover {
-              background: $pivotgrid-grp-bg-hover-color;
-            }
-          }
-
           .e-menu-icon {
             margin-left: 0;
             margin-right: 0;
@@ -1013,6 +996,10 @@ $pivotpager-single-size-title-padding: 8px !default;
             padding-right: 0 !important;
           }
         }
+
+        &.e-menu-wrapper ul.e-menu {
+            background-color: $pivotgrid-table-background-color;
+        }
       }
 
       .e-tab .e-tab-header .e-toolbar-item.e-active {
@@ -1716,7 +1703,7 @@ $pivotpager-single-size-title-padding: 8px !default;
         visibility: hidden !important;
         /* stylelint-enable */
       }
-
+  
       .e-grid {
         .e-pivot-content-loader {
           position: absolute;
@@ -1739,6 +1726,12 @@ $pivotpager-single-size-title-padding: 8px !default;
       &.e-device .e-pivotcell-container .e-stackedheadertext.e-cellvalue {
         align-self: center;
       }
+
+      th.e-columnsheader .e-rhandler.e-rcursor {
+        /* stylelint-disable */
+        height: 100% !important;
+        /* stylelint-enable */
+      }
     }
 
     .e-grid .e-headercelldiv,
@@ -2355,16 +2348,22 @@ $pivotpager-single-size-title-padding: 8px !default;
         }
       }
     }
-    /* stylelint-enable */  
 
     .e-icons:not(.e-frame):not(.e-btn-icon):not(.e-sort):not(.e-dropdown-icon):not(.e-pv-filter):not(.e-pv-filtered):not(.e-remove):not(.e-edit):not(.e-drag):not(.e-selected-option-icon):not(.e-nav-arrow) {
       height: auto;
       width: auto;
     }
 
-    .e-collapse::before {
-      font-size: $pivotgrid-collapse-icon-fonsize;
+    .e-expand::before,
+    .e-expand {
+      font-size: $pivotgrid-expand-icon-fontsize !important;
+    }
+
+    .e-collapse::before,
+    .e-collapse {
+      font-size: $pivotgrid-collapse-icon-fonsize !important;
     }
+    /* stylelint-enable */
 
     .e-expand,
     .e-collapse {
@@ -2387,13 +2386,8 @@ $pivotpager-single-size-title-padding: 8px !default;
         display: flex;
       }
     }
-
     /* stylelint-enable */
 
-    .e-expand::before {
-      font-size: $pivotgrid-expand-icon-fontsize;
-    }
-
     .e-pivot-pager {
       padding: $pivotpager-padding;
 

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

@@ -59,7 +59,7 @@ $pivotgrid-prompt-default-font-color: $pivotgrid-default-font-color !default;
 $pivotgrid-default-border-color: $grey-e6 !default;
 $pivotgrid-border-type: $border-type !default;
 $pivotgrid-border-size: $border-size !default;
-$pivotgrid-table-background-color: $grey-white !default;
+$pivotgrid-table-background-color: transparent !default;
 $pivotgrid-content-font-size: 13px !default;
 $pivotgrid-bigger-content-font-size: 13px !default;
 $field-list-font-family: $font-family !default;
@@ -909,10 +909,6 @@ $pivotpager-single-size-title-padding: 8px !default;
       .e-pivot-toolbar-menu {
         background-color: $pivotgrid-table-background-color;
         border: none;
-        @if ($pivotgrid-skin == 'bootstrap4') {
-          background-color: $gray-100;
-          color: $gray-700;
-        }
 
         ul .e-menu-item {
           @if ($skin-name != 'tailwind') {
@@ -923,19 +919,6 @@ $pivotpager-single-size-title-padding: 8px !default;
           overflow: hidden;
           padding-left: 10px;
 
-          @if ($pivotgrid-skin == 'bootstrap4') {
-            background-color: $pivotgrid-grp-bg-color;
-            color: $gray-700;
-          }
-
-          @if ($pivotgrid-skin =='FluentUI') {
-            background-color: $pivotgrid-grp-bg-color;
-
-            &:hover {
-              background: $pivotgrid-grp-bg-hover-color;
-            }
-          }
-
           .e-menu-icon {
             margin-left: 0;
             margin-right: 0;
@@ -1010,6 +993,10 @@ $pivotpager-single-size-title-padding: 8px !default;
             padding-right: 0 !important;
           }
         }
+
+        &.e-menu-wrapper ul.e-menu {
+            background-color: $pivotgrid-table-background-color;
+        }
       }
 
       .e-tab .e-tab-header .e-toolbar-item.e-active {
@@ -1713,7 +1700,7 @@ $pivotpager-single-size-title-padding: 8px !default;
         visibility: hidden !important;
         /* stylelint-enable */
       }
-
+  
       .e-grid {
         .e-pivot-content-loader {
           position: absolute;
@@ -1736,6 +1723,12 @@ $pivotpager-single-size-title-padding: 8px !default;
       &.e-device .e-pivotcell-container .e-stackedheadertext.e-cellvalue {
         align-self: center;
       }
+
+      th.e-columnsheader .e-rhandler.e-rcursor {
+        /* stylelint-disable */
+        height: 100% !important;
+        /* stylelint-enable */
+      }
     }
 
     .e-grid .e-headercelldiv,
@@ -2352,16 +2345,22 @@ $pivotpager-single-size-title-padding: 8px !default;
         }
       }
     }
-    /* stylelint-enable */  
 
     .e-icons:not(.e-frame):not(.e-btn-icon):not(.e-sort):not(.e-dropdown-icon):not(.e-pv-filter):not(.e-pv-filtered):not(.e-remove):not(.e-edit):not(.e-drag):not(.e-selected-option-icon):not(.e-nav-arrow) {
       height: auto;
       width: auto;
     }
 
-    .e-collapse::before {
-      font-size: $pivotgrid-collapse-icon-fonsize;
+    .e-expand::before,
+    .e-expand {
+      font-size: $pivotgrid-expand-icon-fontsize !important;
+    }
+
+    .e-collapse::before,
+    .e-collapse {
+      font-size: $pivotgrid-collapse-icon-fonsize !important;
     }
+    /* stylelint-enable */
 
     .e-expand,
     .e-collapse {
@@ -2384,13 +2383,8 @@ $pivotpager-single-size-title-padding: 8px !default;
         display: flex;
       }
     }
-
     /* stylelint-enable */
 
-    .e-expand::before {
-      font-size: $pivotgrid-expand-icon-fontsize;
-    }
-
     .e-pivot-pager {
       padding: $pivotpager-padding;
 

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

@@ -59,7 +59,7 @@ $pivotgrid-prompt-default-font-color: $gray-600 !default;
 $pivotgrid-default-border-color: $gray-300 !default;
 $pivotgrid-border-type: solid !default;
 $pivotgrid-border-size: 1px !default;
-$pivotgrid-table-background-color: $white !default;
+$pivotgrid-table-background-color: transparent !default;
 $pivotgrid-content-font-size: 13px !default;
 $pivotgrid-bigger-content-font-size: 13px !default;
 $field-list-font-family: $font-family !default;
@@ -909,10 +909,6 @@ $pivotpager-single-size-title-padding: 8px !default;
       .e-pivot-toolbar-menu {
         background-color: $pivotgrid-table-background-color;
         border: none;
-        @if ($pivotgrid-skin == 'bootstrap4') {
-          background-color: $gray-100;
-          color: $gray-700;
-        }
 
         ul .e-menu-item {
           @if ($skin-name != 'tailwind') {
@@ -923,19 +919,6 @@ $pivotpager-single-size-title-padding: 8px !default;
           overflow: hidden;
           padding-left: 10px;
 
-          @if ($pivotgrid-skin == 'bootstrap4') {
-            background-color: $pivotgrid-grp-bg-color;
-            color: $gray-700;
-          }
-
-          @if ($pivotgrid-skin =='FluentUI') {
-            background-color: $pivotgrid-grp-bg-color;
-
-            &:hover {
-              background: $pivotgrid-grp-bg-hover-color;
-            }
-          }
-
           .e-menu-icon {
             margin-left: 0;
             margin-right: 0;
@@ -1010,6 +993,10 @@ $pivotpager-single-size-title-padding: 8px !default;
             padding-right: 0 !important;
           }
         }
+
+        &.e-menu-wrapper ul.e-menu {
+            background-color: $pivotgrid-table-background-color;
+        }
       }
 
       .e-tab .e-tab-header .e-toolbar-item.e-active {
@@ -1713,7 +1700,7 @@ $pivotpager-single-size-title-padding: 8px !default;
         visibility: hidden !important;
         /* stylelint-enable */
       }
-
+  
       .e-grid {
         .e-pivot-content-loader {
           position: absolute;
@@ -1736,6 +1723,12 @@ $pivotpager-single-size-title-padding: 8px !default;
       &.e-device .e-pivotcell-container .e-stackedheadertext.e-cellvalue {
         align-self: center;
       }
+
+      th.e-columnsheader .e-rhandler.e-rcursor {
+        /* stylelint-disable */
+        height: 100% !important;
+        /* stylelint-enable */
+      }
     }
 
     .e-grid .e-headercelldiv,
@@ -2352,16 +2345,22 @@ $pivotpager-single-size-title-padding: 8px !default;
         }
       }
     }
-    /* stylelint-enable */  
 
     .e-icons:not(.e-frame):not(.e-btn-icon):not(.e-sort):not(.e-dropdown-icon):not(.e-pv-filter):not(.e-pv-filtered):not(.e-remove):not(.e-edit):not(.e-drag):not(.e-selected-option-icon):not(.e-nav-arrow) {
       height: auto;
       width: auto;
     }
 
-    .e-collapse::before {
-      font-size: $pivotgrid-collapse-icon-fonsize;
+    .e-expand::before,
+    .e-expand {
+      font-size: $pivotgrid-expand-icon-fontsize !important;
+    }
+
+    .e-collapse::before,
+    .e-collapse {
+      font-size: $pivotgrid-collapse-icon-fonsize !important;
     }
+    /* stylelint-enable */
 
     .e-expand,
     .e-collapse {
@@ -2384,13 +2383,8 @@ $pivotpager-single-size-title-padding: 8px !default;
         display: flex;
       }
     }
-
     /* stylelint-enable */
 
-    .e-expand::before {
-      font-size: $pivotgrid-expand-icon-fontsize;
-    }
-
     .e-pivot-pager {
       padding: $pivotpager-padding;
 

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

@@ -914,10 +914,6 @@ $pivotpager-single-size-title-padding: 8px !default;
       .e-pivot-toolbar-menu {
         background-color: $pivotgrid-table-background-color;
         border: none;
-        @if ($pivotgrid-skin == 'bootstrap4') {
-          background-color: $gray-100;
-          color: $gray-700;
-        }
 
         ul .e-menu-item {
           @if ($skin-name != 'tailwind') {
@@ -928,19 +924,6 @@ $pivotpager-single-size-title-padding: 8px !default;
           overflow: hidden;
           padding-left: 10px;
 
-          @if ($pivotgrid-skin == 'bootstrap4') {
-            background-color: $pivotgrid-grp-bg-color;
-            color: $gray-700;
-          }
-
-          @if ($pivotgrid-skin =='FluentUI') {
-            background-color: $pivotgrid-grp-bg-color;
-
-            &:hover {
-              background: $pivotgrid-grp-bg-hover-color;
-            }
-          }
-
           .e-menu-icon {
             margin-left: 0;
             margin-right: 0;
@@ -1015,6 +998,10 @@ $pivotpager-single-size-title-padding: 8px !default;
             padding-right: 0 !important;
           }
         }
+
+        &.e-menu-wrapper ul.e-menu {
+            background-color: $pivotgrid-table-background-color;
+        }
       }
 
       .e-tab .e-tab-header .e-toolbar-item.e-active {
@@ -1718,7 +1705,7 @@ $pivotpager-single-size-title-padding: 8px !default;
         visibility: hidden !important;
         /* stylelint-enable */
       }
-
+  
       .e-grid {
         .e-pivot-content-loader {
           position: absolute;
@@ -1741,6 +1728,12 @@ $pivotpager-single-size-title-padding: 8px !default;
       &.e-device .e-pivotcell-container .e-stackedheadertext.e-cellvalue {
         align-self: center;
       }
+
+      th.e-columnsheader .e-rhandler.e-rcursor {
+        /* stylelint-disable */
+        height: 100% !important;
+        /* stylelint-enable */
+      }
     }
 
     .e-grid .e-headercelldiv,
@@ -2357,16 +2350,22 @@ $pivotpager-single-size-title-padding: 8px !default;
         }
       }
     }
-    /* stylelint-enable */  
 
     .e-icons:not(.e-frame):not(.e-btn-icon):not(.e-sort):not(.e-dropdown-icon):not(.e-pv-filter):not(.e-pv-filtered):not(.e-remove):not(.e-edit):not(.e-drag):not(.e-selected-option-icon):not(.e-nav-arrow) {
       height: auto;
       width: auto;
     }
 
-    .e-collapse::before {
-      font-size: $pivotgrid-collapse-icon-fonsize;
+    .e-expand::before,
+    .e-expand {
+      font-size: $pivotgrid-expand-icon-fontsize !important;
+    }
+
+    .e-collapse::before,
+    .e-collapse {
+      font-size: $pivotgrid-collapse-icon-fonsize !important;
     }
+    /* stylelint-enable */
 
     .e-expand,
     .e-collapse {
@@ -2389,13 +2388,8 @@ $pivotpager-single-size-title-padding: 8px !default;
         display: flex;
       }
     }
-
     /* stylelint-enable */
 
-    .e-expand::before {
-      font-size: $pivotgrid-expand-icon-fontsize;
-    }
-
     .e-pivot-pager {
       padding: $pivotpager-padding;