@syncfusion/blazor-themes 26.2.5 → 26.2.8

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

@@ -3787,6 +3787,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;
@@ -4910,7 +4922,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;
     }
   }
 
@@ -4938,6 +4951,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') {
@@ -4945,6 +4964,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 {
@@ -5072,6 +5098,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%;
   }
@@ -5108,6 +5141,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;
@@ -5493,6 +5534,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;
@@ -5531,6 +5581,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,
@@ -5541,7 +5613,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') {
@@ -5672,6 +5746,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;
     }
@@ -5859,6 +5936,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 */
     }
   }
 
@@ -5866,12 +5944,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;
     }
   }
 
@@ -6114,7 +6193,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;
@@ -6162,7 +6243,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;
@@ -6191,7 +6274,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;
@@ -6225,7 +6310,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') {
@@ -6370,12 +6457,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;
@@ -6529,12 +6610,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/fluent2-dark.scss

@@ -3790,6 +3790,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;
@@ -4913,7 +4925,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;
     }
   }
 
@@ -4941,6 +4954,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') {
@@ -4948,6 +4967,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 {
@@ -5075,6 +5101,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%;
   }
@@ -5111,6 +5144,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;
@@ -5496,6 +5537,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;
@@ -5534,6 +5584,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,
@@ -5544,7 +5616,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') {
@@ -5675,6 +5749,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;
     }
@@ -5862,6 +5939,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 */
     }
   }
 
@@ -5869,12 +5947,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;
     }
   }
 
@@ -6117,7 +6196,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;
@@ -6165,7 +6246,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;
@@ -6194,7 +6277,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;
@@ -6228,7 +6313,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') {
@@ -6373,12 +6460,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;
@@ -6532,12 +6613,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 */