@syncfusion/blazor-themes 26.2.5 → 26.2.8

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

@@ -3788,6 +3788,18 @@ $lg-desktop: 1399.98;
     }
   }
 
+  .e-bigger .e-pv-properties-line-thickness-container .e-input,
+  .e-bigger .e-pv-properties-line-start-container .e-dropdown-btn,
+  .e-bigger .e-pv-properties-line-end-container .e-dropdown-btn,
+  .e-bigger .e-pv-properties-line-style-container .e-dropdown-btn,
+  .e-bigger .e-pv-properties-line-start-container .e-input,
+  .e-bigger .e-pv-properties-line-end-container .e-input,
+  .e-bigger .e-pv-properties-line-style-container .e-input {
+    @if ($theme-name == 'fluent2'){
+      height: 40px !important;/* stylelint-disable-line declaration-no-important */
+    }
+  }
+
   .e-pv-properties-line-leader-length-container {
     @if ($theme-name == 'fluent2') {
       margin-top: 10px;
@@ -4911,7 +4923,8 @@ $lg-desktop: 1399.98;
 
   .e-bigger .e-menu-icon.e-pv-stamp-icon.e-pv-icon {
     @if $theme-name=='fluent2' {
-      margin-right: 22px !important;/* stylelint-disable-line declaration-no-important */
+      margin-right: 16px !important;/* stylelint-disable-line declaration-no-important */
+      margin-top: -8px;
     }
   }
 
@@ -4939,6 +4952,12 @@ $lg-desktop: 1399.98;
     }
   }
 
+  .e-bigger .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret {
+    @if ($skin-name == 'fluent2') {
+      margin-top: -8px;
+    }
+  }
+
   .e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item .e-pv-stamp-icon,
   .e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item .e-caret {
     @if ($skin-name == 'fluent2') {
@@ -4946,6 +4965,13 @@ $lg-desktop: 1399.98;
     }
   }
 
+  .e-bigger .e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item .e-pv-stamp-icon,
+  .e-bigger .e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item .e-caret {
+    @if ($skin-name == 'fluent2') {
+      margin-top: -8px;
+    }
+  }
+
   .e-pv-annotation-shapes-container.e-btn.e-icon-btn,
   .e-pv-annotation-calibrate-container.e-btn.e-icon-btn,
   .e-pv-annotation-handwritten-container.e-btn.e-icon-btn {
@@ -5073,6 +5099,13 @@ $lg-desktop: 1399.98;
     }
   }
 
+  .e-bigger .e-pv-accordion-container.e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content,
+  .e-bigger .e-pv-accordion-content-container .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
+    @if $theme-name == 'fluent2' {
+      font-size: 14px;
+    }
+  }
+
   .e-content-placeholder.e-pdfviewer.e-placeholder-pdfviewer {
     background-size: 100%;
   }
@@ -5109,6 +5142,14 @@ $lg-desktop: 1399.98;
       min-height: 32px;
     }
   }
+
+  .e-pv-signature-dialog-height .e-pv-clearbtn:disabled,
+  .e-pv-signature-dialog-height .e-pv-createbtn:disabled {
+    @if ($theme-name == 'fluent2') {
+      border-color: var(--color-sf-primary-border-color-disabled) !important;/* stylelint-disable-line declaration-no-important */
+    }
+  }
+
   .e-pv-signature-dialog-height .e-pv-cancelbtn{
     @if $skin-name != 'Material3' {
       height: 32px;
@@ -5494,6 +5535,15 @@ $lg-desktop: 1399.98;
     }
   }
 
+  .e-pv-properties-form-field-name-main-div .e-float-text,
+  .e-pv-properties-form-field-tooltip-main-div .e-float-text,
+  .e-pv-properties-form-field-value-main-div .e-float-text,
+  .e-pv-properties-form-field-visibility-main-div .e-float-text {
+    @if $theme-name == 'fluent2' {
+      padding-left: 0 !important;/* stylelint-disable-line declaration-no-important */
+    }
+  }
+
   .e-pv-properties-text-edit-prop {
     @if $skin-name == 'FluentUI' {
       padding-top: 35px;
@@ -5532,6 +5582,28 @@ $lg-desktop: 1399.98;
   .e-pv-center-align-icon-div,
   .e-pv-right-align-icon-div {
     padding: $pv-formfield-properties-icon-align-padding;
+    @if ($theme-name == 'fluent2') {
+      width: 32px;
+    }
+  }
+
+  .e-bigger .e-pv-bold-icon-div,
+  .e-bigger .e-pv-italic-icon-div,
+  .e-bigger .e-pv-strikeout-icon-div,
+  .e-bigger .e-pv-underlinetext-icon-div, {
+    padding: 4px 10px;
+    @if ($theme-name == 'fluent2') {
+      width: 40px;
+    }
+  }
+
+  .e-bigger .e-pv-left-align-icon-div,
+  .e-bigger .e-pv-center-align-icon-div,
+  .e-bigger .e-pv-right-align-icon-div {
+    padding: 4px 10px;
+    @if ($theme-name == 'fluent2') {
+      width: 38.5px;
+    }
   }
 
   .e-pv-bold-icon-div:hover,
@@ -5542,7 +5614,9 @@ $lg-desktop: 1399.98;
   .e-pv-center-align-icon-div:hover,
   .e-pv-right-align-icon-div:hover {
     @if ($skin-name != 'Material3' and $skin-name != 'bootstrap5') {
-      background-color: $pv-annotation-dropdown-background-color-hover;
+      @if ($theme-name != 'fluent2') {
+        background-color: $pv-annotation-dropdown-background-color-hover;
+      }
       border-color: $pv-annotation-dropdown-border-color-hover;
     }
     @if ($skin-name == 'bootstrap5') {
@@ -5673,6 +5747,9 @@ $lg-desktop: 1399.98;
     @if ($skin-name == 'Material3') {
       padding: 20px 15px 6px 0;
     }
+    @if ($theme-name == 'fluent2') {
+      padding: 15px;
+    }
     @else {
       padding: 15px 15px 15px 1px;
     }
@@ -5860,6 +5937,7 @@ $lg-desktop: 1399.98;
     }
     @if ($theme-name == 'fluent2') {
       min-height: 555px !important;/* stylelint-disable-line declaration-no-important */
+      max-width: 525px !important;/* stylelint-disable-line declaration-no-important */
     }
   }
 
@@ -5867,12 +5945,13 @@ $lg-desktop: 1399.98;
     @if ($theme-name == 'fluent2') {
       width: $pv-properties-form-field-win-max-width !important;/* stylelint-disable-line declaration-no-important */
       margin-left: -20px !important;/* stylelint-disable-line declaration-no-important */
+      border-bottom: 1px solid var(--color-sf-border-light);
     }
   }
 
   .e-pv-properties-form-field-window .e-dlg-content .e-tab-header .e-toolbar-items {
     @if ($theme-name == 'fluent2') {
-      margin-left: 34px;
+      margin-left: 18px;
     }
   }
 
@@ -6115,7 +6194,9 @@ $lg-desktop: 1399.98;
       height: 36px;
       width: 154px;
     }
-    justify-content: space-evenly;
+    @if ($theme-name != 'fluent2') {
+      justify-content: space-evenly;
+    }
     @if ($skin-name == 'bootstrap5') {
       align-items: center;
       border: 1px solid $border-light;
@@ -6163,7 +6244,9 @@ $lg-desktop: 1399.98;
       height: 36px;
       width: 120px;
     }
-    justify-content: space-evenly;
+    @if ($theme-name != 'fluent2') {
+      justify-content: space-evenly;
+    }
     margin-right: 15px;
     @if ($skin-name == 'bootstrap5' or $skin-name == 'FluentUI') {
       align-items: center;
@@ -6192,7 +6275,9 @@ $lg-desktop: 1399.98;
     }
     display: flex;
     height: 36px;
-    justify-content: space-evenly;
+    @if ($theme-name != 'fluent2') {
+      justify-content: space-evenly;
+    }
     width: 154px;
     @if ($skin-name == 'bootstrap5') {
       align-items: center;
@@ -6226,7 +6311,9 @@ $lg-desktop: 1399.98;
     }
     display: flex;
     height: 36px;
-    justify-content: space-evenly;
+    @if ($theme-name != 'fluent2') {
+      justify-content: space-evenly;
+    }
     margin-right: 15px;
     width: 120px;
     @if ($skin-name == 'bootstrap5' or $skin-name == 'FluentUI') {
@@ -6371,12 +6458,6 @@ $lg-desktop: 1399.98;
     }
   }
 
-  .e-bigger .e-pv-signature-apperance .e-float-input.e-control-wrapper.e-input-group {
-    @if ($theme-name=='fluent2') {
-      margin-left: 6.4%;
-    }
-  }
-
   .e-pv-signature-apperance .e-checkbox-wrapper{
     @if ($theme-name == 'fluent2') {
       margin-left: $pv-toolbar-btn-height;
@@ -6530,12 +6611,6 @@ $lg-desktop: 1399.98;
     }
   }
 
-  .e-bigger .e-pv-canvas-signature {
-    @if $theme-name =='fluent2' {
-      margin-left: 5.65%;
-    }
-  }
-
   .e-pv-sign-upload{
     @if $theme-name =='fluent2' {
       left: 44.5% !important;/* stylelint-disable-line declaration-no-important */

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

@@ -3788,6 +3788,18 @@ $lg-desktop: 1399.98;
     }
   }
 
+  .e-bigger .e-pv-properties-line-thickness-container .e-input,
+  .e-bigger .e-pv-properties-line-start-container .e-dropdown-btn,
+  .e-bigger .e-pv-properties-line-end-container .e-dropdown-btn,
+  .e-bigger .e-pv-properties-line-style-container .e-dropdown-btn,
+  .e-bigger .e-pv-properties-line-start-container .e-input,
+  .e-bigger .e-pv-properties-line-end-container .e-input,
+  .e-bigger .e-pv-properties-line-style-container .e-input {
+    @if ($theme-name == 'fluent2'){
+      height: 40px !important;/* stylelint-disable-line declaration-no-important */
+    }
+  }
+
   .e-pv-properties-line-leader-length-container {
     @if ($theme-name == 'fluent2') {
       margin-top: 10px;
@@ -4911,7 +4923,8 @@ $lg-desktop: 1399.98;
 
   .e-bigger .e-menu-icon.e-pv-stamp-icon.e-pv-icon {
     @if $theme-name=='fluent2' {
-      margin-right: 22px !important;/* stylelint-disable-line declaration-no-important */
+      margin-right: 16px !important;/* stylelint-disable-line declaration-no-important */
+      margin-top: -8px;
     }
   }
 
@@ -4939,6 +4952,12 @@ $lg-desktop: 1399.98;
     }
   }
 
+  .e-bigger .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret {
+    @if ($skin-name == 'fluent2') {
+      margin-top: -8px;
+    }
+  }
+
   .e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item .e-pv-stamp-icon,
   .e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item .e-caret {
     @if ($skin-name == 'fluent2') {
@@ -4946,6 +4965,13 @@ $lg-desktop: 1399.98;
     }
   }
 
+  .e-bigger .e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item .e-pv-stamp-icon,
+  .e-bigger .e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item .e-caret {
+    @if ($skin-name == 'fluent2') {
+      margin-top: -8px;
+    }
+  }
+
   .e-pv-annotation-shapes-container.e-btn.e-icon-btn,
   .e-pv-annotation-calibrate-container.e-btn.e-icon-btn,
   .e-pv-annotation-handwritten-container.e-btn.e-icon-btn {
@@ -5073,6 +5099,13 @@ $lg-desktop: 1399.98;
     }
   }
 
+  .e-bigger .e-pv-accordion-container.e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content,
+  .e-bigger .e-pv-accordion-content-container .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
+    @if $theme-name == 'fluent2' {
+      font-size: 14px;
+    }
+  }
+
   .e-content-placeholder.e-pdfviewer.e-placeholder-pdfviewer {
     background-size: 100%;
   }
@@ -5109,6 +5142,14 @@ $lg-desktop: 1399.98;
       min-height: 32px;
     }
   }
+
+  .e-pv-signature-dialog-height .e-pv-clearbtn:disabled,
+  .e-pv-signature-dialog-height .e-pv-createbtn:disabled {
+    @if ($theme-name == 'fluent2') {
+      border-color: var(--color-sf-primary-border-color-disabled) !important;/* stylelint-disable-line declaration-no-important */
+    }
+  }
+
   .e-pv-signature-dialog-height .e-pv-cancelbtn{
     @if $skin-name != 'Material3' {
       height: 32px;
@@ -5494,6 +5535,15 @@ $lg-desktop: 1399.98;
     }
   }
 
+  .e-pv-properties-form-field-name-main-div .e-float-text,
+  .e-pv-properties-form-field-tooltip-main-div .e-float-text,
+  .e-pv-properties-form-field-value-main-div .e-float-text,
+  .e-pv-properties-form-field-visibility-main-div .e-float-text {
+    @if $theme-name == 'fluent2' {
+      padding-left: 0 !important;/* stylelint-disable-line declaration-no-important */
+    }
+  }
+
   .e-pv-properties-text-edit-prop {
     @if $skin-name == 'FluentUI' {
       padding-top: 35px;
@@ -5532,6 +5582,28 @@ $lg-desktop: 1399.98;
   .e-pv-center-align-icon-div,
   .e-pv-right-align-icon-div {
     padding: $pv-formfield-properties-icon-align-padding;
+    @if ($theme-name == 'fluent2') {
+      width: 32px;
+    }
+  }
+
+  .e-bigger .e-pv-bold-icon-div,
+  .e-bigger .e-pv-italic-icon-div,
+  .e-bigger .e-pv-strikeout-icon-div,
+  .e-bigger .e-pv-underlinetext-icon-div, {
+    padding: 4px 10px;
+    @if ($theme-name == 'fluent2') {
+      width: 40px;
+    }
+  }
+
+  .e-bigger .e-pv-left-align-icon-div,
+  .e-bigger .e-pv-center-align-icon-div,
+  .e-bigger .e-pv-right-align-icon-div {
+    padding: 4px 10px;
+    @if ($theme-name == 'fluent2') {
+      width: 38.5px;
+    }
   }
 
   .e-pv-bold-icon-div:hover,
@@ -5542,7 +5614,9 @@ $lg-desktop: 1399.98;
   .e-pv-center-align-icon-div:hover,
   .e-pv-right-align-icon-div:hover {
     @if ($skin-name != 'Material3' and $skin-name != 'bootstrap5') {
-      background-color: $pv-annotation-dropdown-background-color-hover;
+      @if ($theme-name != 'fluent2') {
+        background-color: $pv-annotation-dropdown-background-color-hover;
+      }
       border-color: $pv-annotation-dropdown-border-color-hover;
     }
     @if ($skin-name == 'bootstrap5') {
@@ -5673,6 +5747,9 @@ $lg-desktop: 1399.98;
     @if ($skin-name == 'Material3') {
       padding: 20px 15px 6px 0;
     }
+    @if ($theme-name == 'fluent2') {
+      padding: 15px;
+    }
     @else {
       padding: 15px 15px 15px 1px;
     }
@@ -5860,6 +5937,7 @@ $lg-desktop: 1399.98;
     }
     @if ($theme-name == 'fluent2') {
       min-height: 555px !important;/* stylelint-disable-line declaration-no-important */
+      max-width: 525px !important;/* stylelint-disable-line declaration-no-important */
     }
   }
 
@@ -5867,12 +5945,13 @@ $lg-desktop: 1399.98;
     @if ($theme-name == 'fluent2') {
       width: $pv-properties-form-field-win-max-width !important;/* stylelint-disable-line declaration-no-important */
       margin-left: -20px !important;/* stylelint-disable-line declaration-no-important */
+      border-bottom: 1px solid var(--color-sf-border-light);
     }
   }
 
   .e-pv-properties-form-field-window .e-dlg-content .e-tab-header .e-toolbar-items {
     @if ($theme-name == 'fluent2') {
-      margin-left: 34px;
+      margin-left: 18px;
     }
   }
 
@@ -6115,7 +6194,9 @@ $lg-desktop: 1399.98;
       height: 36px;
       width: 154px;
     }
-    justify-content: space-evenly;
+    @if ($theme-name != 'fluent2') {
+      justify-content: space-evenly;
+    }
     @if ($skin-name == 'bootstrap5') {
       align-items: center;
       border: 1px solid $border-light;
@@ -6163,7 +6244,9 @@ $lg-desktop: 1399.98;
       height: 36px;
       width: 120px;
     }
-    justify-content: space-evenly;
+    @if ($theme-name != 'fluent2') {
+      justify-content: space-evenly;
+    }
     margin-right: 15px;
     @if ($skin-name == 'bootstrap5' or $skin-name == 'FluentUI') {
       align-items: center;
@@ -6192,7 +6275,9 @@ $lg-desktop: 1399.98;
     }
     display: flex;
     height: 36px;
-    justify-content: space-evenly;
+    @if ($theme-name != 'fluent2') {
+      justify-content: space-evenly;
+    }
     width: 154px;
     @if ($skin-name == 'bootstrap5') {
       align-items: center;
@@ -6226,7 +6311,9 @@ $lg-desktop: 1399.98;
     }
     display: flex;
     height: 36px;
-    justify-content: space-evenly;
+    @if ($theme-name != 'fluent2') {
+      justify-content: space-evenly;
+    }
     margin-right: 15px;
     width: 120px;
     @if ($skin-name == 'bootstrap5' or $skin-name == 'FluentUI') {
@@ -6371,12 +6458,6 @@ $lg-desktop: 1399.98;
     }
   }
 
-  .e-bigger .e-pv-signature-apperance .e-float-input.e-control-wrapper.e-input-group {
-    @if ($theme-name=='fluent2') {
-      margin-left: 6.4%;
-    }
-  }
-
   .e-pv-signature-apperance .e-checkbox-wrapper{
     @if ($theme-name == 'fluent2') {
       margin-left: $pv-toolbar-btn-height;
@@ -6530,12 +6611,6 @@ $lg-desktop: 1399.98;
     }
   }
 
-  .e-bigger .e-pv-canvas-signature {
-    @if $theme-name =='fluent2' {
-      margin-left: 5.65%;
-    }
-  }
-
   .e-pv-sign-upload{
     @if $theme-name =='fluent2' {
       left: 44.5% !important;/* stylelint-disable-line declaration-no-important */