@syncfusion/ej2-material-theme 34.2.9 → 35.1.37

package/styles/pager/_layout.scss

@@ -51,6 +51,10 @@
       display: none;
     }
 
+    &:not(.e-rtl) {
+      text-align: left;
+    }
+
     div.e-parentmsgbar {
       float: right;
       @include padding-bottom-right-top-styles($pager-messagebar-padding-bottom, $pager-messagebar-padding-right, $pager-messagebar-padding-top);

package/styles/pager/pager-lite.css

@@ -57,6 +57,9 @@
 .e-pager .e-hide {
   display: none;
 }
+.e-pager:not(.e-rtl) {
+  text-align: left;
+}
 .e-pager div.e-parentmsgbar {
   float: right;
   padding-bottom: 9px;

package/styles/pager/pager.css

@@ -57,6 +57,9 @@
 .e-pager .e-hide {
   display: none;
 }
+.e-pager:not(.e-rtl) {
+  text-align: left;
+}
 .e-pager div.e-parentmsgbar {
   float: right;
   padding-bottom: 9px;

package/styles/pdfviewer/_bigger.scss

@@ -1528,4 +1528,166 @@
       }
     }
   }
+
+  .e-bigger .e-pv-custom-text-stamp-dialog.e-popup.e-popup-open {
+    @if ($skin-name =='Material3' or $skin-name =='Material3-dark') {
+      width: 460px;
+      min-height: 590px;
+    }
+  
+    @else if ($skin-name =='tailwind' or $skin-name =='tailwind-dark' or $skin-name =='tailwind3' or $skin-name =='tailwind3-dark') {
+      width: 463px;
+      min-height: 574px;
+    }
+  
+    @else if ($skin-name =='fluent2' or $skin-name =='fluent2-dark' or $skin-name =='FluentUI') {
+      width: $pv-width-525;
+      min-height: 654px;
+    }
+  
+    @else if ($skin-name =='bootstrap5' or $skin-name =='bootstrap5-dark' or $skin-name =='bootstrap5.3' or $skin-name =='bootstrap5.3-dark') {
+      width: 458px;
+      min-height: 592px;
+    }
+  
+    @else if ($skin-name =='highcontrast') {
+      width: 588px;
+      min-height: 641px;
+    }
+  
+    @else {
+      width: 528px;
+      min-height: $pv-height-576;
+    }
+  }
+
+  .e-bigger .e-pv-custom-text-stamp-preview-container {
+    @if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark' or $skin-name == 'tailwind3' or $skin-name == 'tailwind3-dark') {
+      height: $pv-width-120;
+    }
+    @else if ($skin-name == 'fluent2' or $skin-name == 'fluent2-dark' or $skin-name == 'FluentUI') {
+      height: $pv-width-140;
+    }
+    @else if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5.3-dark') {
+      margin-top: $pv-spacing-16;
+    }
+    @else if ($skin-name == 'highcontrast') {
+      height: 137px;
+      margin-top: $pv-spacing-20;
+    }
+    @else {
+      margin-top: $pv-spacing-12;
+    }
+  }
+
+  .e-bigger .e-pv-custom-text-stamp-label {
+    @if ($skin-name == 'Material3' or $skin-name == 'Material3-dark') {
+      font-size: $pv-text-xs;
+      margin-top: $pv-spacing-24;
+      letter-spacing: .1px;
+    }
+    @else if ($skin-name == 'tailwind3' or $skin-name == 'tailwind3-dark' or $skin-name == 'tailwind' or $skin-name == 'tailwind-dark') {
+      margin-top: $pv-spacing-12;
+      margin-bottom: $pv-spacing-7;
+    }
+    @else if ($skin-name == 'fluent2' or $skin-name == 'fluent2-dark' or $skin-name == 'FluentUI') {
+      font-size: $pv-text-base;
+      line-height: $pv-spacing-24;
+      margin-top: $pv-spacing-16;
+    }
+    @else if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5.3-dark') {
+      font-size: $pv-text-sm;
+      line-height: $pv-spacing-22;
+    }
+    @else if ($skin-name == 'highcontrast') {
+      margin-bottom: $pv-spacing-8;
+      margin-top: $pv-spacing-20;
+    }
+    @else {
+      margin-bottom: $pv-spacing-4;
+    }
+  }
+
+  .e-bigger .e-pv-custom-text-stamp-color-label {
+    @if ($skin-name == 'Material3' or $skin-name == 'Material3-dark') {
+      font-size: $pv-text-sm;
+      line-height: $pv-spacing-18;
+      letter-spacing: .24px;
+      margin-right: $pv-spacing-12;
+    }
+    @else if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark' or $skin-name == 'tailwind3' or $skin-name == 'tailwind3-dark') {
+      font-size: $pv-text-sm;
+      line-height: $pv-spacing-20;
+    }
+    @else if ($skin-name == 'fluent2' or $skin-name == 'fluent2-dark' or $skin-name == 'FluentUI') {
+      font-size: $pv-text-base;
+      line-height: $pv-spacing-22;
+    }
+    @else if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5.3-dark') {
+      font-size: $pv-text-sm;
+      line-height: $pv-spacing-22;
+    }
+    @else if ($skin-name =='highcontrast') {
+      font-size: $pv-text-sm;
+      line-height: $pv-spacing-22;
+    }
+    @else {
+      font-size: $pv-text-sm;
+      line-height: $pv-spacing-22;
+      margin-right: $pv-spacing-8;
+    }
+  }
+
+  .e-bigger .e-pv-custom-text-stamp-properties-title {
+    @if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark' or $skin-name == 'tailwind3' or $skin-name == 'tailwind3-dark') {
+      font-size: $pv-text-sm;
+      line-height: $pv-spacing-20;
+    }
+    @else if ($skin-name == 'fluent2' or $skin-name == 'fluent2-dark' or $skin-name == 'FluentUI') {
+      font-size: $pv-text-base;
+      margin-bottom: $pv-spacing-20;
+    }
+    @else if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5.3-dark') {
+      font-size: $pv-text-sm;
+      line-height: $pv-spacing-22;
+      margin-bottom: $pv-spacing-14;
+    }
+    @else if ($skin-name == 'highcontrast') {
+      font-size: $pv-text-base;
+      line-height: $pv-spacing-24;
+      margin-bottom: $pv-spacing-12;
+    }
+    @else {
+      font-size: $pv-text-sm;
+      line-height: $pv-spacing-22;
+      margin-bottom: $pv-spacing-16;
+    }
+  }
+
+  .e-bigger .e-pv-custom-text-stamp-format-group .e-btn {
+    @if ($skin-name =='Material3' or $skin-name =='Material3-dark') {
+      width: $pv-width-40;
+      height: $pv-height-40;
+    }
+    @else if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark') {
+      width: $pv-width-38;
+      height: $pv-height-38;
+    }
+    @else if ($skin-name == 'fluent2' or $skin-name == 'fluent2-dark' or $skin-name == 'FluentUI' or $skin-name == 'tailwind3' or $skin-name == 'tailwind3-dark') {
+      width: $pv-width-40;
+      height: $pv-height-40;
+    }
+    @else if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5.3-dark') {
+      width: $pv-width-38;
+      height: $pv-height-38;
+    }
+    @else if ($skin-name == 'highcontrast') {
+      width: $pv-width-48;
+      height: $pv-height-40;
+    }
+    @else {
+      width: $pv-width-50;
+      height: $pv-height-36;
+    }
+  }
 }

package/styles/pdfviewer/_material-definition.scss

@@ -609,6 +609,14 @@ $pv-red-color: rgb(255, 59, 48) !default;
 $pv-annotation-tool-item-focus-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), .5);
 $pv-blazor-annotation-thickness-popup-container-mobile-box-shadow: 0 3px 8px 0 #e9ecef;
 $pv-redaction-panel-text-color: #000 !default;
+$pv-text-comparison-header-background: #6750a4 !default;
+$pv-text-comparison-header-panel-background: linear-gradient(0deg, var(--Color-variables-surface, #ffffff), var(--Color-variables-surface, #ffffff)), linear-gradient(0deg, var(--Opacity-Layer-primary-opacity-8, rgba(103, 80, 164, .08)), var(--Opacity-Layer-primary-opacity-8, rgba(103, 80, 164, .08))) !default;
+$pv-text-comparison-header-panel-border-color: #c4c7c5 !default;
+$pv-text-comparison-header-panel-color: #1c1b1f !default;
+$pv-text-comparison-diff-old-text-background: #f9dedc !default;
+$pv-text-comparison-diff-new-text-background: #d1ffba !default;
+$pv-text-comparison-header-left-border-color: #c4c7c5 !default;
+$pv-text-comparison-header-text-color: $grey-white !default;
 
 // Typography Varaiables
 
@@ -761,6 +769,7 @@ $pv-height-inherit: inherit !default; /* inherit */
 $pv-height-auto: auto !default; /* auto */
 $pv-height-unset: unset !default; /* unset */
 $pv-height-normal: normal !default; /* normal */
+$pv-height-p50: 50% !default; /* 50% */
 $pv-height-p95: 95% !default; /* 95% */
 $pv-height-p96: 96% !default; /* 96% */
 $pv-height-p98: 98% !default; /* 98% */