@syncfusion/blazor-themes 23.1.36 → 23.1.39

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

@@ -3926,6 +3926,22 @@ $pv-eye-icon-margin-top: 3px !default;
     text-align: left;
   }
 
+  .e-pv-mobile-comments-container .e-pv-comment-panel-title {
+    @if $skin-name == 'Material3' {
+      background: $content-bg-color-alt2;
+      border: $border-light;
+      border-width: 0 0 1px 1px;
+      font-size: $text-base;
+      font-weight: $pv-comment-tile-font-weight;
+      line-height: 16px;
+      padding: 0;
+      left: 15px;
+      top: 14px;
+      position: absolute;
+      text-align: left;
+    }
+  }
+
   .e-pv-comment-panel-title-close-div.e-btn {
     background: $pv-title-close-background;
     border: $pv-title-close-border;
@@ -3935,17 +3951,12 @@ $pv-eye-icon-margin-top: 3px !default;
     }
     height: $pv-title-close-height;
     position: $pv-title-close-position;
-    @if $skin-name != 'Material3' {
-      right: 11px;
-      top: 5px;
-    }
+    right: 11px;
+    top: 5px;
     width: $pv-title-close-width;
     @if $skin-name == 'FluentUI' {
       padding: 4px;
     }
-    @if $skin-name == 'Material3' {
-      padding: 12px 12px 12px 270px;
-    }
   }
 
   @if $skin-name == 'Material3' {
@@ -3958,7 +3969,7 @@ $pv-eye-icon-margin-top: 3px !default;
     @if $skin-name != 'bootstrap5' {
       color: $pv-comment-text-color;
     }
-    @if ($skin-name == 'bootstrap5' or $skin-name == 'tailwind' or $skin-name == 'FluentUI') {
+    @if ($skin-name == 'bootstrap5' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'Material3') {
       color: $icon-color;
     }
   }
@@ -3966,6 +3977,7 @@ $pv-eye-icon-margin-top: 3px !default;
   .e-pv-comments-panel-text {
     font-size: 15px;
     padding-left: 85px;
+    color: rgba(var(--color-sf-on-surface-variant));
   }
 
   .e-pv-comments-content-container {
@@ -5442,7 +5454,7 @@ $pv-eye-icon-margin-top: 3px !default;
   }
   
   .e-bigger .e-pv-signature-dialog-height {
-    @if ($skin-name == 'FluentUI' $skin-name == 'Material3') {
+    @if ($skin-name == 'FluentUI') {
       min-height: 592px;
     }
   }

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

@@ -3932,6 +3932,22 @@ $pv-search-btn-width-big: 32px !default;
     text-align: left;
   }
 
+  .e-pv-mobile-comments-container .e-pv-comment-panel-title {
+    @if $skin-name == 'Material3' {
+      background: $content-bg-color-alt2;
+      border: $border-light;
+      border-width: 0 0 1px 1px;
+      font-size: $text-base;
+      font-weight: $pv-comment-tile-font-weight;
+      line-height: 16px;
+      padding: 0;
+      left: 15px;
+      top: 14px;
+      position: absolute;
+      text-align: left;
+    }
+  }
+
   .e-pv-comment-panel-title-close-div.e-btn {
     background: $pv-title-close-background;
     border: $pv-title-close-border;
@@ -3941,17 +3957,12 @@ $pv-search-btn-width-big: 32px !default;
     }
     height: $pv-title-close-height;
     position: $pv-title-close-position;
-    @if $skin-name != 'Material3' {
-      right: 11px;
-      top: 5px;
-    }
+    right: 11px;
+    top: 5px;
     width: $pv-title-close-width;
     @if $skin-name == 'FluentUI' {
       padding: 4px;
     }
-    @if $skin-name == 'Material3' {
-      padding: 12px 12px 12px 270px;
-    }
   }
 
   @if $skin-name == 'Material3' {
@@ -3964,7 +3975,7 @@ $pv-search-btn-width-big: 32px !default;
     @if $skin-name != 'bootstrap5' {
       color: $pv-comment-text-color;
     }
-    @if ($skin-name == 'bootstrap5' or $skin-name == 'tailwind' or $skin-name == 'FluentUI') {
+    @if ($skin-name == 'bootstrap5' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'Material3') {
       color: $icon-color;
     }
   }
@@ -3972,6 +3983,7 @@ $pv-search-btn-width-big: 32px !default;
   .e-pv-comments-panel-text {
     font-size: 15px;
     padding-left: 85px;
+    color: rgba(var(--color-sf-on-surface-variant));
   }
 
   .e-pv-comments-content-container {
@@ -5448,7 +5460,7 @@ $pv-search-btn-width-big: 32px !default;
   }
   
   .e-bigger .e-pv-signature-dialog-height {
-    @if ($skin-name == 'FluentUI' $skin-name == 'Material3') {
+    @if ($skin-name == 'FluentUI') {
       min-height: 592px;
     }
   }
@@ -5617,6 +5629,7 @@ $pv-search-btn-width-big: 32px !default;
     .e-pv-title-close-icon::before,
     .e-pv-annotation-tools-close-icon::before,
     .e-pv-annotation-popup-close::before {
+      color: $pv-icon-color;
       content: '\e7e7';
     }
 

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

@@ -3932,6 +3932,22 @@ $pv-search-btn-width-big: 32px !default;
     text-align: left;
   }
 
+  .e-pv-mobile-comments-container .e-pv-comment-panel-title {
+    @if $skin-name == 'Material3' {
+      background: $content-bg-color-alt2;
+      border: $border-light;
+      border-width: 0 0 1px 1px;
+      font-size: $text-base;
+      font-weight: $pv-comment-tile-font-weight;
+      line-height: 16px;
+      padding: 0;
+      left: 15px;
+      top: 14px;
+      position: absolute;
+      text-align: left;
+    }
+  }
+
   .e-pv-comment-panel-title-close-div.e-btn {
     background: $pv-title-close-background;
     border: $pv-title-close-border;
@@ -3941,17 +3957,12 @@ $pv-search-btn-width-big: 32px !default;
     }
     height: $pv-title-close-height;
     position: $pv-title-close-position;
-    @if $skin-name != 'Material3' {
-      right: 11px;
-      top: 5px;
-    }
+    right: 11px;
+    top: 5px;
     width: $pv-title-close-width;
     @if $skin-name == 'FluentUI' {
       padding: 4px;
     }
-    @if $skin-name == 'Material3' {
-      padding: 12px 12px 12px 270px;
-    }
   }
 
   @if $skin-name == 'Material3' {
@@ -3964,7 +3975,7 @@ $pv-search-btn-width-big: 32px !default;
     @if $skin-name != 'bootstrap5' {
       color: $pv-comment-text-color;
     }
-    @if ($skin-name == 'bootstrap5' or $skin-name == 'tailwind' or $skin-name == 'FluentUI') {
+    @if ($skin-name == 'bootstrap5' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'Material3') {
       color: $icon-color;
     }
   }
@@ -3972,6 +3983,7 @@ $pv-search-btn-width-big: 32px !default;
   .e-pv-comments-panel-text {
     font-size: 15px;
     padding-left: 85px;
+    color: rgba(var(--color-sf-on-surface-variant));
   }
 
   .e-pv-comments-content-container {
@@ -5448,7 +5460,7 @@ $pv-search-btn-width-big: 32px !default;
   }
   
   .e-bigger .e-pv-signature-dialog-height {
-    @if ($skin-name == 'FluentUI' $skin-name == 'Material3') {
+    @if ($skin-name == 'FluentUI') {
       min-height: 592px;
     }
   }
@@ -5617,6 +5629,7 @@ $pv-search-btn-width-big: 32px !default;
     .e-pv-title-close-icon::before,
     .e-pv-annotation-tools-close-icon::before,
     .e-pv-annotation-popup-close::before {
+      color: $pv-icon-color;
       content: '\e7e7';
     }
 

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

@@ -3933,6 +3933,22 @@ $pv-eye-icon-margin-top: 3px !default;
     text-align: left;
   }
 
+  .e-pv-mobile-comments-container .e-pv-comment-panel-title {
+    @if $skin-name == 'Material3' {
+      background: $content-bg-color-alt2;
+      border: $border-light;
+      border-width: 0 0 1px 1px;
+      font-size: $text-base;
+      font-weight: $pv-comment-tile-font-weight;
+      line-height: 16px;
+      padding: 0;
+      left: 15px;
+      top: 14px;
+      position: absolute;
+      text-align: left;
+    }
+  }
+
   .e-pv-comment-panel-title-close-div.e-btn {
     background: $pv-title-close-background;
     border: $pv-title-close-border;
@@ -3942,17 +3958,12 @@ $pv-eye-icon-margin-top: 3px !default;
     }
     height: $pv-title-close-height;
     position: $pv-title-close-position;
-    @if $skin-name != 'Material3' {
-      right: 11px;
-      top: 5px;
-    }
+    right: 11px;
+    top: 5px;
     width: $pv-title-close-width;
     @if $skin-name == 'FluentUI' {
       padding: 4px;
     }
-    @if $skin-name == 'Material3' {
-      padding: 12px 12px 12px 270px;
-    }
   }
 
   @if $skin-name == 'Material3' {
@@ -3965,7 +3976,7 @@ $pv-eye-icon-margin-top: 3px !default;
     @if $skin-name != 'bootstrap5' {
       color: $pv-comment-text-color;
     }
-    @if ($skin-name == 'bootstrap5' or $skin-name == 'tailwind' or $skin-name == 'FluentUI') {
+    @if ($skin-name == 'bootstrap5' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'Material3') {
       color: $icon-color;
     }
   }
@@ -3973,6 +3984,7 @@ $pv-eye-icon-margin-top: 3px !default;
   .e-pv-comments-panel-text {
     font-size: 15px;
     padding-left: 85px;
+    color: rgba(var(--color-sf-on-surface-variant));
   }
 
   .e-pv-comments-content-container {
@@ -5449,7 +5461,7 @@ $pv-eye-icon-margin-top: 3px !default;
   }
   
   .e-bigger .e-pv-signature-dialog-height {
-    @if ($skin-name == 'FluentUI' $skin-name == 'Material3') {
+    @if ($skin-name == 'FluentUI') {
       min-height: 592px;
     }
   }

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

@@ -3933,6 +3933,22 @@ $pv-eye-icon-margin-top: 3px !default;
     text-align: left;
   }
 
+  .e-pv-mobile-comments-container .e-pv-comment-panel-title {
+    @if $skin-name == 'Material3' {
+      background: $content-bg-color-alt2;
+      border: $border-light;
+      border-width: 0 0 1px 1px;
+      font-size: $text-base;
+      font-weight: $pv-comment-tile-font-weight;
+      line-height: 16px;
+      padding: 0;
+      left: 15px;
+      top: 14px;
+      position: absolute;
+      text-align: left;
+    }
+  }
+
   .e-pv-comment-panel-title-close-div.e-btn {
     background: $pv-title-close-background;
     border: $pv-title-close-border;
@@ -3942,17 +3958,12 @@ $pv-eye-icon-margin-top: 3px !default;
     }
     height: $pv-title-close-height;
     position: $pv-title-close-position;
-    @if $skin-name != 'Material3' {
-      right: 11px;
-      top: 5px;
-    }
+    right: 11px;
+    top: 5px;
     width: $pv-title-close-width;
     @if $skin-name == 'FluentUI' {
       padding: 4px;
     }
-    @if $skin-name == 'Material3' {
-      padding: 12px 12px 12px 270px;
-    }
   }
 
   @if $skin-name == 'Material3' {
@@ -3965,7 +3976,7 @@ $pv-eye-icon-margin-top: 3px !default;
     @if $skin-name != 'bootstrap5' {
       color: $pv-comment-text-color;
     }
-    @if ($skin-name == 'bootstrap5' or $skin-name == 'tailwind' or $skin-name == 'FluentUI') {
+    @if ($skin-name == 'bootstrap5' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'Material3') {
       color: $icon-color;
     }
   }
@@ -3973,6 +3984,7 @@ $pv-eye-icon-margin-top: 3px !default;
   .e-pv-comments-panel-text {
     font-size: 15px;
     padding-left: 85px;
+    color: rgba(var(--color-sf-on-surface-variant));
   }
 
   .e-pv-comments-content-container {
@@ -5449,7 +5461,7 @@ $pv-eye-icon-margin-top: 3px !default;
   }
   
   .e-bigger .e-pv-signature-dialog-height {
-    @if ($skin-name == 'FluentUI' $skin-name == 'Material3') {
+    @if ($skin-name == 'FluentUI') {
       min-height: 592px;
     }
   }

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 {