@syncfusion/blazor-themes 23.2.6 → 24.1.41

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

@@ -58,6 +58,7 @@ $pv-icon-font-size: 16px !default;
 $pv-icon-margin: 7px 7.5px !default;
 $pv-icon-height: 18px !default;
 $pv-icon-width: 18px !default;
+$gantt-masked-table-background-color: rgba(225, 223, 221, 1) !default;
 $pv-toolbar-height: 38px !default;
 $pv-toolbar-border-width: 1px 1px 0 1px !default;
 $pv-toolbar-border-radius: 0 !default;
@@ -446,6 +447,7 @@ $pv-control-overflow: auto !default;
 $pv-control-touch-action: pan-x pan-y !default;
 $pv-page-container-touch-action: pan-x pan-y !default;
 $pv-page-div-border-style: solid !default;
+$pv-page-div-focus-style: rgb(0, 0, 0) 0 0 0 2px !default;
 $pv-page-div-border-color: $border-light !default;
 $pv-page-div-border-boxing: content-box !default;
 $pv-page-div-box-shadow: none !default;
@@ -550,6 +552,8 @@ $pv-comment-panel-bottom-color: $border-light !default;
 $pv-comments-content-container-bg: $content-bg-color-alt1 !default;
 $pv-comments-select-bg: $content-bg-color-hover !default;
 $pv-comments-hover-bg: $content-bg-color-hover !default;
+$pv-comments-div-focus-border: $shadow-focus-ring1 !default;
+$pv-comments-div-focus-background: $content-bg-color-focus !default;
 $pv-status-icon-color: $white !default;
 $pv-save-button-bg-color: $primary !default;
 $pv-save-button-color: $primary-text-color !default;
@@ -907,6 +911,15 @@ $pv-eye-icon-margin-top: 3px !default;
     position: $pv-page-div-position;
   }
 
+  .e-pv-viewer-container .e-pv-page-div.e-focused {
+    box-shadow: $pv-page-div-focus-style;
+  }
+
+  .e-pv-viewer-container.e-focused
+  {
+    box-shadow: $pv-page-div-focus-style inset;
+  }
+
   .e-pv-toolbar,
   .e-pv-nav-toolbar,
   .e-pv-annotation-toolbar,
@@ -955,6 +968,29 @@ $pv-eye-icon-margin-top: 3px !default;
     display: none;
   }
 
+  .e-control.e-toolbar.e-lib.e-pv-annotation-toolbar.e-pv-toolbar-scroll.e-keyboard.e-toolpop .e-tbar-btn-text
+  {
+    display: none;
+  }
+
+  .e-dropdown-popup.e-control.e-pv-annotation-shapes-container .e-tbar-btn-text {
+    display: none;
+  }
+
+  .e-dropdown-popup.e-control.e-pv-annotation-calibrate-container .e-tbar-btn-text {
+    display: none;
+  }
+
+  .e-dropdown-popup.e-control.e-pv-annotation-textalign-container .e-tbar-btn-text
+  {
+    display: none;
+  }
+
+  .e-dropdown-popup.e-control.e-pv-annotation-textprop-container.e-caret-hide .e-tbar-btn-text
+  {
+    display: none;
+  }
+
   .e-pv-current-page-box.e-input-group.e-control-wrapper {
     height: $pv-current-page-height;
     @if $skin-name == 'bootstrap5' {
@@ -1124,6 +1160,12 @@ $pv-eye-icon-margin-top: 3px !default;
     }
   }
 
+  .e-pdfviewer .e-pv-open-document-icon .e-pv-icon .e-icons .e-btn-icon .e-icon-left {
+    @if $skin-name == 'FluentUI' {
+      padding: 0;
+    }
+  }
+
   .e-pv-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon,
   .e-pv-annotation-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
     @if $skin-name == 'FluentUI' {
@@ -1811,6 +1853,30 @@ $pv-eye-icon-margin-top: 3px !default;
     padding: $pv-thumbnail-view-button-selection-padding;
   }
 
+  .e-pv-tbar-btn.e-pv-thumbnail-view-button.e-btn:focus
+  {
+    background: $pv-thumbnail-view-button-selection-background;
+    border: $pv-thumbnail-view-button-selection-border;
+    border-radius: $pv-thumbnail-border-selection-radius;
+    @if $skin-name == 'bootstrap4' {
+      color: $pv-thumbnail-border-selection-font-color;
+    }
+    line-height: $pv-thumbnail-view-button-selection-line-height;
+    padding: $pv-thumbnail-view-button-selection-padding;
+  }
+
+  .e-pv-tbar-btn.e-pv-bookmark-button.e-btn:focus
+  {
+    background: $pv-thumbnail-view-button-selection-background;
+    border: $pv-thumbnail-view-button-selection-border;
+    border-radius: $pv-thumbnail-border-selection-radius;
+    @if $skin-name == 'bootstrap4' {
+      color: $pv-thumbnail-border-selection-font-color;
+    }
+    line-height: $pv-thumbnail-view-button-selection-line-height;
+    padding: $pv-thumbnail-view-button-selection-padding;
+  }
+
   .e-bigger .e-pv-thumbnail-view-button-selection.e-pv-thumbnail-view-button.e-btn,
   .e-bigger .e-pv-bookmark-button-selection.e-pv-bookmark-button.e-btn  {
     @if $skin-name == 'bootstrap4' {
@@ -2646,19 +2712,31 @@ $pv-eye-icon-margin-top: 3px !default;
     font-size: 18px;
   }
 
-  .e-pv-annotation-color-container .e-btn,
-  .e-pv-annotation-opacity-container .e-btn,
-  .e-pv-annotation-stroke-container .e-btn,
-  .e-pv-custom-annotation-thickness-container .e-btn,
-  .e-pv-custom-annotation-opacity-container .e-btn,
-  .e-pv-annotation-thickness-container .e-btn,
-  .e-pv-annotation-textcolor-container .e-btn,
-  .e-pv-annotation-textalign-container .e-btn,
-  .e-pv-annotation-textprop-container .e-btn {
+  .e-pv-annotation-color-container.e-icon-btn,
+  .e-pv-annotation-opacity-container.e-icon-btn,
+  .e-pv-annotation-stroke-container.e-icon-btn,
+  .e-pv-custom-annotation-thickness-container.e-icon-btn,
+  .e-pv-custom-annotation-opacity-container.e-icon-btn,
+  .e-pv-annotation-thickness-container.e-icon-btn,
+  .e-pv-annotation-textcolor-container.e-icon-btn,
+  .e-pv-annotation-textalign-container.e-icon-btn,
+  .e-pv-annotation-textprop-container.e-icon-btn {
     height: $pv-annotation-drop-down-height;
     width: $pv-annotation-drop-down-width;
   }
 
+  .e-bigger .e-pv-annotation-color-container.e-icon-btn,
+  .e-bigger .e-pv-annotation-opacity-container.e-icon-btn,
+  .e-bigger .e-pv-annotation-stroke-container.e-icon-btn,
+  .e-bigger .e-pv-custom-annotation-thickness-container.e-icon-btn,
+  .e-bigger .e-pv-custom-annotation-opacity-container.e-icon-btn,
+  .e-bigger .e-pv-annotation-thickness-container.e-icon-btn,
+  .e-bigger .e-pv-annotation-textcolor-container.e-icon-btn,
+  .e-bigger .e-pv-annotation-textalign-container.e-icon-btn,
+  .e-bigger .e-pv-annotation-textprop-container.e-icon-btn {
+    white-space: nowrap;
+  }
+
   .e-pv-annotation-thickness-container.e-btn.e-icon-btn.e-dropdown-btn {
     @if ($skin-name != 'bootstrap5') {
       padding-top: $pv-annotation-thickness-drop-down-padding-top;
@@ -2758,6 +2836,35 @@ $pv-eye-icon-margin-top: 3px !default;
     }
   }
 
+  .e-pv-stamp.e-menu-wrapper ul .e-menu-item.e-focused:focus {
+    background-color: $pv-annotation-dropdown-background-color-hover;
+    border-color: $pv-annotation-dropdown-border-color-hover;
+    outline: none;
+    color: $pv-item-selection-color;
+  }
+
+  .e-pv-annotation-color-container.e-btn:focus,
+  .e-pv-annotation-opacity-container.e-btn:focus,
+  .e-pv-annotation-stroke-container.e-btn:focus,
+  .e-pv-annotation-thickness-container.e-btn:focus,
+  .e-pv-annotation-shapes-container.e-btn:focus,
+  .e-pv-annotation-calibrate-container.e-btn:focus,
+  .e-pv-annotation-textcolor-container.e-btn:focus,
+  .e-pv-annotation-textalign-container.e-btn:focus,
+  .e-pv-annotation-handwritten-container.e-btn:focus,
+  .e-pv-annotation-textprop-container.e-btn:focus {
+    @if $skin-name == 'Material3' {
+      background: $pv-annotation-dropdown-background-color-hover;
+      border: $pv-annotation-dropdown-border-color-hover;
+      outline: none;
+    }
+    @else {
+      background-color: $pv-annotation-dropdown-background-color-hover;
+      border-color: $pv-annotation-dropdown-border-color-hover;
+      outline: none;
+    }
+  }
+
   .e-pv-annotation-color-container.e-btn:active,
   .e-pv-annotation-opacity-container.e-btn:active,
   .e-pv-annotation-stroke-container.e-btn:active,
@@ -3759,6 +3866,17 @@ $pv-eye-icon-margin-top: 3px !default;
     }
   }
 
+  .e-pv-reply-div.e-pv-comments-leave.e-focused
+  {
+    border: $pv-comments-div-focus-border;
+    background: $pv-comments-div-focus-background;
+  }
+  
+  .e-pv-comments-div.e-focused {
+    border: $pv-comments-div-focus-border;
+    background: $pv-comments-div-focus-background;
+  }
+
   .e-pdfviewer .e-inplaceeditor .e-editable-action-buttons {
     float: right;
     padding-bottom: 7px;
@@ -4442,6 +4560,20 @@ $pv-eye-icon-margin-top: 3px !default;
     }
   }
 
+  .e-bigger .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item,
+  .e-bigger .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item .e-menu-icon,
+  .e-bigger .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item .e-caret {
+    @if ($skin-name == 'FluentUI') {
+      height: 32px;
+    }
+  }
+
+  .e-pv-mobile-annotation-toolbar .e-toolbar-items .e-hscroll-bar {
+    @if ($skin-name == 'FluentUI') {
+      overflow-y: hidden;
+    }
+  }
+
   .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item.e-focused:hover,
   .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item.e-selected {
     @if $skin-name == 'bootstrap5' {
@@ -5414,9 +5546,24 @@ $pv-eye-icon-margin-top: 3px !default;
   }
 
   .e-pv-annotation-toolbar.e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
+    justify-content: center;
     padding: 0 $pv-icon-padding-top;
   }
 
+  .e-pv-mobile-toolbar .e-mobile-more-option .e-pv-more-icon {
+    @if ($skin-name == 'bootstrap4') {
+      margin-left: 0 !important;/* stylelint-disable-line declaration-no-important */
+      width: 1em !important;/* stylelint-disable-line declaration-no-important */
+      line-height: 22px !important;/* stylelint-disable-line declaration-no-important */
+      padding: 0 !important;/* stylelint-disable-line declaration-no-important */
+    }
+    @else {
+      margin-left: 0 !important;/* stylelint-disable-line declaration-no-important */
+      width: 1em !important;/* stylelint-disable-line declaration-no-important */
+      line-height: 22px !important;/* stylelint-disable-line declaration-no-important */
+    }
+  }
+
   .e-pv-signature-window .e-dlg-content {
     @if ($skin-name == 'highcontrast') {
       padding: 16px;

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

@@ -58,6 +58,7 @@ $pv-icon-font-size: 16px !default;
 $pv-icon-margin: 7px 7.5px !default;
 $pv-icon-height: 18px !default;
 $pv-icon-width: 18px !default;
+$gantt-masked-table-background-color: rgba(225, 223, 221, 1) !default;
 $pv-toolbar-height: 38px !default;
 $pv-toolbar-border-width: 1px 1px 0 1px !default;
 $pv-toolbar-border-radius: 0 !default;
@@ -446,6 +447,7 @@ $pv-control-overflow: auto !default;
 $pv-control-touch-action: pan-x pan-y !default;
 $pv-page-container-touch-action: pan-x pan-y !default;
 $pv-page-div-border-style: solid !default;
+$pv-page-div-focus-style: rgb(0, 0, 0) 0 0 0 2px !default;
 $pv-page-div-border-color: $border-light !default;
 $pv-page-div-border-boxing: content-box !default;
 $pv-page-div-box-shadow: none !default;
@@ -550,6 +552,8 @@ $pv-comment-panel-bottom-color: $border-light !default;
 $pv-comments-content-container-bg: $content-bg-color-alt1 !default;
 $pv-comments-select-bg: $content-bg-color-hover !default;
 $pv-comments-hover-bg: $content-bg-color-hover !default;
+$pv-comments-div-focus-border: $shadow-focus-ring1 !default;
+$pv-comments-div-focus-background: $content-bg-color-focus !default;
 $pv-status-icon-color: $white !default;
 $pv-save-button-bg-color: $primary !default;
 $pv-save-button-color: $primary-text-color !default;
@@ -907,6 +911,15 @@ $pv-eye-icon-margin-top: 3px !default;
     position: $pv-page-div-position;
   }
 
+  .e-pv-viewer-container .e-pv-page-div.e-focused {
+    box-shadow: $pv-page-div-focus-style;
+  }
+
+  .e-pv-viewer-container.e-focused
+  {
+    box-shadow: $pv-page-div-focus-style inset;
+  }
+
   .e-pv-toolbar,
   .e-pv-nav-toolbar,
   .e-pv-annotation-toolbar,
@@ -955,6 +968,29 @@ $pv-eye-icon-margin-top: 3px !default;
     display: none;
   }
 
+  .e-control.e-toolbar.e-lib.e-pv-annotation-toolbar.e-pv-toolbar-scroll.e-keyboard.e-toolpop .e-tbar-btn-text
+  {
+    display: none;
+  }
+
+  .e-dropdown-popup.e-control.e-pv-annotation-shapes-container .e-tbar-btn-text {
+    display: none;
+  }
+
+  .e-dropdown-popup.e-control.e-pv-annotation-calibrate-container .e-tbar-btn-text {
+    display: none;
+  }
+
+  .e-dropdown-popup.e-control.e-pv-annotation-textalign-container .e-tbar-btn-text
+  {
+    display: none;
+  }
+
+  .e-dropdown-popup.e-control.e-pv-annotation-textprop-container.e-caret-hide .e-tbar-btn-text
+  {
+    display: none;
+  }
+
   .e-pv-current-page-box.e-input-group.e-control-wrapper {
     height: $pv-current-page-height;
     @if $skin-name == 'bootstrap5' {
@@ -1124,6 +1160,12 @@ $pv-eye-icon-margin-top: 3px !default;
     }
   }
 
+  .e-pdfviewer .e-pv-open-document-icon .e-pv-icon .e-icons .e-btn-icon .e-icon-left {
+    @if $skin-name == 'FluentUI' {
+      padding: 0;
+    }
+  }
+
   .e-pv-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon,
   .e-pv-annotation-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
     @if $skin-name == 'FluentUI' {
@@ -1811,6 +1853,30 @@ $pv-eye-icon-margin-top: 3px !default;
     padding: $pv-thumbnail-view-button-selection-padding;
   }
 
+  .e-pv-tbar-btn.e-pv-thumbnail-view-button.e-btn:focus
+  {
+    background: $pv-thumbnail-view-button-selection-background;
+    border: $pv-thumbnail-view-button-selection-border;
+    border-radius: $pv-thumbnail-border-selection-radius;
+    @if $skin-name == 'bootstrap4' {
+      color: $pv-thumbnail-border-selection-font-color;
+    }
+    line-height: $pv-thumbnail-view-button-selection-line-height;
+    padding: $pv-thumbnail-view-button-selection-padding;
+  }
+
+  .e-pv-tbar-btn.e-pv-bookmark-button.e-btn:focus
+  {
+    background: $pv-thumbnail-view-button-selection-background;
+    border: $pv-thumbnail-view-button-selection-border;
+    border-radius: $pv-thumbnail-border-selection-radius;
+    @if $skin-name == 'bootstrap4' {
+      color: $pv-thumbnail-border-selection-font-color;
+    }
+    line-height: $pv-thumbnail-view-button-selection-line-height;
+    padding: $pv-thumbnail-view-button-selection-padding;
+  }
+
   .e-bigger .e-pv-thumbnail-view-button-selection.e-pv-thumbnail-view-button.e-btn,
   .e-bigger .e-pv-bookmark-button-selection.e-pv-bookmark-button.e-btn  {
     @if $skin-name == 'bootstrap4' {
@@ -2646,19 +2712,31 @@ $pv-eye-icon-margin-top: 3px !default;
     font-size: 18px;
   }
 
-  .e-pv-annotation-color-container .e-btn,
-  .e-pv-annotation-opacity-container .e-btn,
-  .e-pv-annotation-stroke-container .e-btn,
-  .e-pv-custom-annotation-thickness-container .e-btn,
-  .e-pv-custom-annotation-opacity-container .e-btn,
-  .e-pv-annotation-thickness-container .e-btn,
-  .e-pv-annotation-textcolor-container .e-btn,
-  .e-pv-annotation-textalign-container .e-btn,
-  .e-pv-annotation-textprop-container .e-btn {
+  .e-pv-annotation-color-container.e-icon-btn,
+  .e-pv-annotation-opacity-container.e-icon-btn,
+  .e-pv-annotation-stroke-container.e-icon-btn,
+  .e-pv-custom-annotation-thickness-container.e-icon-btn,
+  .e-pv-custom-annotation-opacity-container.e-icon-btn,
+  .e-pv-annotation-thickness-container.e-icon-btn,
+  .e-pv-annotation-textcolor-container.e-icon-btn,
+  .e-pv-annotation-textalign-container.e-icon-btn,
+  .e-pv-annotation-textprop-container.e-icon-btn {
     height: $pv-annotation-drop-down-height;
     width: $pv-annotation-drop-down-width;
   }
 
+  .e-bigger .e-pv-annotation-color-container.e-icon-btn,
+  .e-bigger .e-pv-annotation-opacity-container.e-icon-btn,
+  .e-bigger .e-pv-annotation-stroke-container.e-icon-btn,
+  .e-bigger .e-pv-custom-annotation-thickness-container.e-icon-btn,
+  .e-bigger .e-pv-custom-annotation-opacity-container.e-icon-btn,
+  .e-bigger .e-pv-annotation-thickness-container.e-icon-btn,
+  .e-bigger .e-pv-annotation-textcolor-container.e-icon-btn,
+  .e-bigger .e-pv-annotation-textalign-container.e-icon-btn,
+  .e-bigger .e-pv-annotation-textprop-container.e-icon-btn {
+    white-space: nowrap;
+  }
+
   .e-pv-annotation-thickness-container.e-btn.e-icon-btn.e-dropdown-btn {
     @if ($skin-name != 'bootstrap5') {
       padding-top: $pv-annotation-thickness-drop-down-padding-top;
@@ -2758,6 +2836,35 @@ $pv-eye-icon-margin-top: 3px !default;
     }
   }
 
+  .e-pv-stamp.e-menu-wrapper ul .e-menu-item.e-focused:focus {
+    background-color: $pv-annotation-dropdown-background-color-hover;
+    border-color: $pv-annotation-dropdown-border-color-hover;
+    outline: none;
+    color: $pv-item-selection-color;
+  }
+
+  .e-pv-annotation-color-container.e-btn:focus,
+  .e-pv-annotation-opacity-container.e-btn:focus,
+  .e-pv-annotation-stroke-container.e-btn:focus,
+  .e-pv-annotation-thickness-container.e-btn:focus,
+  .e-pv-annotation-shapes-container.e-btn:focus,
+  .e-pv-annotation-calibrate-container.e-btn:focus,
+  .e-pv-annotation-textcolor-container.e-btn:focus,
+  .e-pv-annotation-textalign-container.e-btn:focus,
+  .e-pv-annotation-handwritten-container.e-btn:focus,
+  .e-pv-annotation-textprop-container.e-btn:focus {
+    @if $skin-name == 'Material3' {
+      background: $pv-annotation-dropdown-background-color-hover;
+      border: $pv-annotation-dropdown-border-color-hover;
+      outline: none;
+    }
+    @else {
+      background-color: $pv-annotation-dropdown-background-color-hover;
+      border-color: $pv-annotation-dropdown-border-color-hover;
+      outline: none;
+    }
+  }
+
   .e-pv-annotation-color-container.e-btn:active,
   .e-pv-annotation-opacity-container.e-btn:active,
   .e-pv-annotation-stroke-container.e-btn:active,
@@ -3759,6 +3866,17 @@ $pv-eye-icon-margin-top: 3px !default;
     }
   }
 
+  .e-pv-reply-div.e-pv-comments-leave.e-focused
+  {
+    border: $pv-comments-div-focus-border;
+    background: $pv-comments-div-focus-background;
+  }
+  
+  .e-pv-comments-div.e-focused {
+    border: $pv-comments-div-focus-border;
+    background: $pv-comments-div-focus-background;
+  }
+
   .e-pdfviewer .e-inplaceeditor .e-editable-action-buttons {
     float: right;
     padding-bottom: 7px;
@@ -4442,6 +4560,20 @@ $pv-eye-icon-margin-top: 3px !default;
     }
   }
 
+  .e-bigger .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item,
+  .e-bigger .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item .e-menu-icon,
+  .e-bigger .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item .e-caret {
+    @if ($skin-name == 'FluentUI') {
+      height: 32px;
+    }
+  }
+
+  .e-pv-mobile-annotation-toolbar .e-toolbar-items .e-hscroll-bar {
+    @if ($skin-name == 'FluentUI') {
+      overflow-y: hidden;
+    }
+  }
+
   .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item.e-focused:hover,
   .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item.e-selected {
     @if $skin-name == 'bootstrap5' {
@@ -5414,9 +5546,24 @@ $pv-eye-icon-margin-top: 3px !default;
   }
 
   .e-pv-annotation-toolbar.e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
+    justify-content: center;
     padding: 0 $pv-icon-padding-top;
   }
 
+  .e-pv-mobile-toolbar .e-mobile-more-option .e-pv-more-icon {
+    @if ($skin-name == 'bootstrap4') {
+      margin-left: 0 !important;/* stylelint-disable-line declaration-no-important */
+      width: 1em !important;/* stylelint-disable-line declaration-no-important */
+      line-height: 22px !important;/* stylelint-disable-line declaration-no-important */
+      padding: 0 !important;/* stylelint-disable-line declaration-no-important */
+    }
+    @else {
+      margin-left: 0 !important;/* stylelint-disable-line declaration-no-important */
+      width: 1em !important;/* stylelint-disable-line declaration-no-important */
+      line-height: 22px !important;/* stylelint-disable-line declaration-no-important */
+    }
+  }
+
   .e-pv-signature-window .e-dlg-content {
     @if ($skin-name == 'highcontrast') {
       padding: 16px;

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

@@ -832,11 +832,6 @@ $olap-bigger-tree-outer-div-width: 325px !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 {
@@ -1210,7 +1205,6 @@ $olap-bigger-tree-outer-div-width: 325px !default;
     }
 
     .e-footer-content {
-      padding-right: $pivot-dialog-footer-paddingright;
       padding-top: $pivot-dialog-footer-padding;
     }
 
@@ -1607,8 +1601,8 @@ $olap-bigger-tree-outer-div-width: 325px !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;
@@ -1648,6 +1642,21 @@ $olap-bigger-tree-outer-div-width: 325px !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;
+                  }
+                }
+              }
             }
           }
         }
@@ -1920,6 +1929,9 @@ $olap-bigger-tree-outer-div-width: 325px !default;
         font-size: $field-list-drag-clone-font-size;
         padding: 0;
         width: 100%;
+        @if ($skin-name == 'Material3') {
+          min-height: auto;
+        }
       }
     }
 
@@ -2312,12 +2324,8 @@ $olap-bigger-tree-outer-div-width: 325px !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;
       }
     }
   }
@@ -2435,7 +2443,6 @@ $olap-bigger-tree-outer-div-width: 325px !default;
         max-width: 45%;
         overflow: visible;
       }
-
     }
 
     .e-checkbox-layout {
@@ -2565,6 +2572,7 @@ $olap-bigger-tree-outer-div-width: 325px !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;
@@ -2819,6 +2827,7 @@ $olap-bigger-tree-outer-div-width: 325px !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;
@@ -3318,6 +3327,38 @@ $olap-bigger-tree-outer-div-width: 325px !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 {
@@ -3341,7 +3382,8 @@ $olap-bigger-tree-outer-div-width: 325px !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;
@@ -3633,7 +3675,7 @@ $olap-bigger-tree-outer-div-width: 325px !default;
             .e-pivot-add-button,
             .e-pivot-cancel-button {
               float: right;
-              margin-right: 20px;
+              margin-right: calc(10% - 20px);
               margin-top: 32px;
             }
 
@@ -3695,7 +3737,7 @@ $olap-bigger-tree-outer-div-width: 325px !default;
             }
 
             &.e-olap-calc-outer-div {
-              max-height: 350px;
+              max-height: 575px;
               overflow: hidden;
               overflow-y: auto;
             }
@@ -3956,7 +3998,6 @@ $olap-bigger-tree-outer-div-width: 325px !default;
 
           .e-axis-header {
             font-size: $field-list-bigger-header-font-size;
-            line-height: $field-list-bigger-header-content-line-height;
             padding: 0 12px;
           }
         }
@@ -4037,17 +4078,6 @@ $olap-bigger-tree-outer-div-width: 325px !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;
-              }
-            }
-          }
         }
       }
 
@@ -4063,6 +4093,10 @@ $olap-bigger-tree-outer-div-width: 325px !default;
           }
         }
       }
+
+      .e-layout-footer .e-checkbox-layout .e-checkbox-wrapper label .e-label {
+        width: calc(100% - 30px);
+      }
     }
 
     &.e-rtl {