@syncfusion/ej2-angular-pdfviewer 23.1.40 → 23.1.41

package/styles/pdfviewer/_theme.scss

@@ -3148,6 +3148,22 @@
     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;
@@ -3157,17 +3173,12 @@
     }
     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' {
@@ -3180,7 +3191,7 @@
     @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;
     }
   }
@@ -3188,6 +3199,7 @@
   .e-pv-comments-panel-text {
     font-size: 15px;
     padding-left: 85px;
+    color: rgba(var(--color-sf-on-surface-variant));
   }
 
   .e-pv-comments-content-container {
@@ -4664,7 +4676,7 @@
   }
   
   .e-bigger .e-pv-signature-dialog-height {
-    @if ($skin-name == 'FluentUI' $skin-name == 'Material3') {
+    @if ($skin-name == 'FluentUI') {
       min-height: 592px;
     }
   }

package/styles/pdfviewer/bootstrap-dark.css

@@ -2490,6 +2490,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pv-comments-panel-text {
   font-size: 15px;
   padding-left: 85px;
+  color: rgba(var(--color-sf-on-surface-variant));
 }
 
 .e-pv-comments-content-container {
@@ -3273,10 +3274,6 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   height: 570px;
 }
 
-.e-bigger .e-pv-signature-dialog-height {
-  min-height: 592px;
-}
-
 .e-dialog.e-pv-signature-dialog-blazor-height {
   height: 560px;
 }

package/styles/pdfviewer/bootstrap.css

@@ -2496,6 +2496,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pv-comments-panel-text {
   font-size: 15px;
   padding-left: 85px;
+  color: rgba(var(--color-sf-on-surface-variant));
 }
 
 .e-pv-comments-content-container {
@@ -3280,10 +3281,6 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   height: 565px;
 }
 
-.e-bigger .e-pv-signature-dialog-height {
-  min-height: 592px;
-}
-
 .e-dialog.e-pv-signature-dialog-blazor-height {
   height: 560px;
 }

package/styles/pdfviewer/bootstrap4.css

@@ -2774,6 +2774,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pv-comments-panel-text {
   font-size: 15px;
   padding-left: 85px;
+  color: rgba(var(--color-sf-on-surface-variant));
 }
 
 .e-pv-comments-content-container {
@@ -3605,10 +3606,6 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   height: 535px;
 }
 
-.e-bigger .e-pv-signature-dialog-height {
-  min-height: 592px;
-}
-
 .e-dialog.e-pv-signature-dialog-blazor-height {
   height: 540px;
 }

package/styles/pdfviewer/bootstrap5-dark.css

@@ -2704,6 +2704,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pv-comments-panel-text {
   font-size: 15px;
   padding-left: 85px;
+  color: rgba(var(--color-sf-on-surface-variant));
 }
 
 .e-pv-comments-content-container {
@@ -3583,10 +3584,6 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   height: 535px;
 }
 
-.e-bigger .e-pv-signature-dialog-height {
-  min-height: 592px;
-}
-
 .e-dialog.e-pv-signature-dialog-blazor-height {
   height: 530px;
 }

package/styles/pdfviewer/bootstrap5.css

@@ -2704,6 +2704,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pv-comments-panel-text {
   font-size: 15px;
   padding-left: 85px;
+  color: rgba(var(--color-sf-on-surface-variant));
 }
 
 .e-pv-comments-content-container {
@@ -3583,10 +3584,6 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   height: 535px;
 }
 
-.e-bigger .e-pv-signature-dialog-height {
-  min-height: 592px;
-}
-
 .e-dialog.e-pv-signature-dialog-blazor-height {
   height: 530px;
 }

package/styles/pdfviewer/fabric-dark.css

@@ -2498,6 +2498,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pv-comments-panel-text {
   font-size: 15px;
   padding-left: 85px;
+  color: rgba(var(--color-sf-on-surface-variant));
 }
 
 .e-pv-comments-content-container {
@@ -3281,10 +3282,6 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   height: 580px;
 }
 
-.e-bigger .e-pv-signature-dialog-height {
-  min-height: 592px;
-}
-
 .e-dialog.e-pv-signature-dialog-blazor-height {
   height: 580px;
 }

package/styles/pdfviewer/fabric.css

@@ -2509,6 +2509,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pv-comments-panel-text {
   font-size: 15px;
   padding-left: 85px;
+  color: rgba(var(--color-sf-on-surface-variant));
 }
 
 .e-pv-comments-content-container {
@@ -3294,10 +3295,6 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   height: 565px;
 }
 
-.e-bigger .e-pv-signature-dialog-height {
-  min-height: 592px;
-}
-
 .e-dialog.e-pv-signature-dialog-blazor-height {
   height: 565px;
 }

package/styles/pdfviewer/fluent-dark.css

@@ -2695,6 +2695,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pv-comments-panel-text {
   font-size: 15px;
   padding-left: 85px;
+  color: rgba(var(--color-sf-on-surface-variant));
 }
 
 .e-pv-comments-content-container {

package/styles/pdfviewer/fluent.css

@@ -2695,6 +2695,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pv-comments-panel-text {
   font-size: 15px;
   padding-left: 85px;
+  color: rgba(var(--color-sf-on-surface-variant));
 }
 
 .e-pv-comments-content-container {

package/styles/pdfviewer/highcontrast-light.css

@@ -2488,6 +2488,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pv-comments-panel-text {
   font-size: 15px;
   padding-left: 85px;
+  color: rgba(var(--color-sf-on-surface-variant));
 }
 
 .e-pv-comments-content-container {
@@ -3271,10 +3272,6 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   height: 570px;
 }
 
-.e-bigger .e-pv-signature-dialog-height {
-  min-height: 592px;
-}
-
 .e-dialog.e-pv-signature-dialog-blazor-height {
   height: 570px;
 }

package/styles/pdfviewer/highcontrast.css

@@ -2492,6 +2492,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pv-comments-panel-text {
   font-size: 15px;
   padding-left: 85px;
+  color: rgba(var(--color-sf-on-surface-variant));
 }
 
 .e-pv-comments-content-container {
@@ -3292,10 +3293,6 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   height: 570px;
 }
 
-.e-bigger .e-pv-signature-dialog-height {
-  min-height: 592px;
-}
-
 .e-dialog.e-pv-signature-dialog-blazor-height {
   height: 570px;
 }

package/styles/pdfviewer/icons/_material3.scss

@@ -92,6 +92,7 @@
     .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/styles/pdfviewer/material-dark.css

@@ -2491,6 +2491,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pv-comments-panel-text {
   font-size: 15px;
   padding-left: 85px;
+  color: rgba(var(--color-sf-on-surface-variant));
 }
 
 .e-pv-comments-content-container {
@@ -3274,10 +3275,6 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   height: 540px;
 }
 
-.e-bigger .e-pv-signature-dialog-height {
-  min-height: 592px;
-}
-
 .e-dialog.e-pv-signature-dialog-blazor-height {
   height: 540px;
 }

package/styles/pdfviewer/material.css

@@ -2491,6 +2491,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pv-comments-panel-text {
   font-size: 15px;
   padding-left: 85px;
+  color: rgba(var(--color-sf-on-surface-variant));
 }
 
 .e-pv-comments-content-container {
@@ -3276,10 +3277,6 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   height: 535px;
 }
 
-.e-bigger .e-pv-signature-dialog-height {
-  min-height: 592px;
-}
-
 .e-dialog.e-pv-signature-dialog-blazor-height {
   height: 535px;
 }

package/styles/pdfviewer/material3-dark.css

@@ -126,6 +126,7 @@
 .e-pdfviewer .e-pv-title-close-icon::before,
 .e-pdfviewer .e-pv-annotation-tools-close-icon::before,
 .e-pdfviewer .e-pv-annotation-popup-close::before {
+  color: rgba(var(--color-sf-on-surface-variant));
   content: "\e7e7";
 }
 .e-pdfviewer .e-pv-resize-icon::before {
@@ -2536,14 +2537,29 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   text-align: left;
 }
 
+.e-pv-mobile-comments-container .e-pv-comment-panel-title {
+  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
+  border: var(--color-sf-outline-variant);
+  border-width: 0 0 1px 1px;
+  font-size: 16px;
+  font-weight: 500;
+  line-height: 16px;
+  padding: 0;
+  left: 15px;
+  top: 14px;
+  position: absolute;
+  text-align: left;
+}
+
 .e-pv-comment-panel-title-close-div.e-btn {
   background: transparent;
   border: none;
   box-shadow: none;
   height: 40px;
   position: absolute;
+  right: 11px;
+  top: 5px;
   width: 32px;
-  padding: 12px 12px 12px 270px;
 }
 
 .e-pv-comment-panel-title-container .e-pv-more-icon .e-pv-icon {
@@ -2552,11 +2568,13 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 
 .e-pv-title-close-icon {
   color: rgba(var(--color-sf-on-surface));
+  color: var(--color-sf-on-surface-variant);
 }
 
 .e-pv-comments-panel-text {
   font-size: 15px;
   padding-left: 85px;
+  color: rgba(var(--color-sf-on-surface-variant));
 }
 
 .e-pv-comments-content-container {
@@ -3430,10 +3448,6 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   min-height: 591px;
 }
 
-.e-bigger .e-pv-signature-dialog-height {
-  min-height: 592px;
-}
-
 .e-dialog.e-pv-signature-dialog-blazor-height {
   height: 555px;
   min-height: 555px;

package/styles/pdfviewer/material3.css

@@ -182,6 +182,7 @@
 .e-pdfviewer .e-pv-title-close-icon::before,
 .e-pdfviewer .e-pv-annotation-tools-close-icon::before,
 .e-pdfviewer .e-pv-annotation-popup-close::before {
+  color: rgba(var(--color-sf-on-surface-variant));
   content: "\e7e7";
 }
 .e-pdfviewer .e-pv-resize-icon::before {
@@ -2592,14 +2593,29 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   text-align: left;
 }
 
+.e-pv-mobile-comments-container .e-pv-comment-panel-title {
+  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
+  border: var(--color-sf-outline-variant);
+  border-width: 0 0 1px 1px;
+  font-size: 16px;
+  font-weight: 500;
+  line-height: 16px;
+  padding: 0;
+  left: 15px;
+  top: 14px;
+  position: absolute;
+  text-align: left;
+}
+
 .e-pv-comment-panel-title-close-div.e-btn {
   background: transparent;
   border: none;
   box-shadow: none;
   height: 40px;
   position: absolute;
+  right: 11px;
+  top: 5px;
   width: 32px;
-  padding: 12px 12px 12px 270px;
 }
 
 .e-pv-comment-panel-title-container .e-pv-more-icon .e-pv-icon {
@@ -2608,11 +2624,13 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 
 .e-pv-title-close-icon {
   color: rgba(var(--color-sf-on-surface));
+  color: var(--color-sf-on-surface-variant);
 }
 
 .e-pv-comments-panel-text {
   font-size: 15px;
   padding-left: 85px;
+  color: rgba(var(--color-sf-on-surface-variant));
 }
 
 .e-pv-comments-content-container {
@@ -3486,10 +3504,6 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   min-height: 591px;
 }
 
-.e-bigger .e-pv-signature-dialog-height {
-  min-height: 592px;
-}
-
 .e-dialog.e-pv-signature-dialog-blazor-height {
   height: 555px;
   min-height: 555px;

package/styles/pdfviewer/tailwind-dark.css

@@ -2516,6 +2516,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pv-comments-panel-text {
   font-size: 15px;
   padding-left: 85px;
+  color: rgba(var(--color-sf-on-surface-variant));
 }
 
 .e-pv-comments-content-container {
@@ -3318,10 +3319,6 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   height: 550px;
 }
 
-.e-bigger .e-pv-signature-dialog-height {
-  min-height: 592px;
-}
-
 .e-dialog.e-pv-signature-dialog-blazor-height {
   height: 550px;
 }

package/styles/pdfviewer/tailwind.css

@@ -2517,6 +2517,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pv-comments-panel-text {
   font-size: 15px;
   padding-left: 85px;
+  color: rgba(var(--color-sf-on-surface-variant));
 }
 
 .e-pv-comments-content-container {
@@ -3319,10 +3320,6 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   height: 550px;
 }
 
-.e-bigger .e-pv-signature-dialog-height {
-  min-height: 592px;
-}
-
 .e-dialog.e-pv-signature-dialog-blazor-height {
   height: 550px;
 }

package/styles/tailwind-dark.css

@@ -2516,6 +2516,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pv-comments-panel-text {
   font-size: 15px;
   padding-left: 85px;
+  color: rgba(var(--color-sf-on-surface-variant));
 }
 
 .e-pv-comments-content-container {
@@ -3318,10 +3319,6 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   height: 550px;
 }
 
-.e-bigger .e-pv-signature-dialog-height {
-  min-height: 592px;
-}
-
 .e-dialog.e-pv-signature-dialog-blazor-height {
   height: 550px;
 }

package/styles/tailwind.css

@@ -2517,6 +2517,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pv-comments-panel-text {
   font-size: 15px;
   padding-left: 85px;
+  color: rgba(var(--color-sf-on-surface-variant));
 }
 
 .e-pv-comments-content-container {
@@ -3319,10 +3320,6 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   height: 550px;
 }
 
-.e-bigger .e-pv-signature-dialog-height {
-  min-height: 592px;
-}
-
 .e-dialog.e-pv-signature-dialog-blazor-height {
   height: 550px;
 }