@syncfusion/ej2-vue-pdfviewer 21.2.10 → 22.1.34

package/styles/pdfviewer/material3.scss

@@ -0,0 +1,2 @@
+@import 'ej2-base/styles/material3-definition.scss';
+@import 'ej2-pdfviewer/styles/pdfviewer/material3.scss';

package/styles/pdfviewer/tailwind-dark.css

@@ -603,13 +603,13 @@
 /* stylelint-disable value-no-vendor-prefix */
 /* stylelint-disable property-no-vendor-prefix */
 .e-pv-viewer-container {
-  background-color: #4b5563;
   border-color: #4b5563;
   height: 100%;
   overflow: auto;
   position: relative;
   -ms-touch-action: pan-x pan-y;
       touch-action: pan-x pan-y;
+  background-color: #4b5563;
 }
 
 .e-pdfviewer.e-pv-mobile-view .e-pv-viewer-container::-webkit-scrollbar {
@@ -821,6 +821,11 @@ input.e-pv-input-password::-ms-reveal {
   padding-bottom: 0;
 }
 
+.e-bigger .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon,
+.e-bigger .e-pv-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
+  padding-bottom: 0;
+}
+
 .e-pv-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon,
 .e-pv-annotation-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   line-height: 26px;
@@ -1826,6 +1831,12 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   font-size: 12px;
 }
 
+.e-bigger .e-.e-pv-annotation-color-container.e-dropdown-btn.e-btn .e-caret .e-pv-annotation-opacity-container.e-dropdown-btn.e-btn .e-caret .e-pv-annotation-textcolor-container.e-dropdown-btn.e-btn .e-caret,
+.e-bigger .e-pv-annotation-textalign-container.e-dropdown-btn.e-btn .e-caret,
+.e-bigger .e-pv-annotation-textprop-container.e-dropdown-btn.e-btn .e-caret {
+  font-size: 18px;
+}
+
 .e-pv-annotation-color-container,
 .e-pv-annotation-opacity-container,
 .e-pv-annotation-stroke-container,
@@ -2081,8 +2092,8 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-properties-line-stroke-color-label,
 .e-pv-properties-line-opacity-label,
 .e-pv-properties-line-leader-length-label {
-  font-size: 14px;
   margin-bottom: 8px;
+  font-size: 14px;
 }
 
 .e-pv-properties-line-end-container,
@@ -2153,11 +2164,13 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-properties-line-start.e-btn,
 .e-pv-properties-line-end.e-btn {
   height: 30px;
+  height: 32px;
   padding: 8px;
 }
 
 .e-pv-properties-line-style.e-btn {
   height: 30px;
+  height: 32px;
   line-height: 0;
   padding: 8px;
   white-space: pre;
@@ -2362,10 +2375,10 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 
 .e-pdfviewer .e-editable-value-wrapper {
   color: #d1d5db;
-  font-size: 14px;
   line-height: normal;
   min-height: 22px;
   padding: 2px 8px 3px;
+  font-size: 14px;
 }
 
 .e-pdfviewer .e-pv-comment-textbox .e-editable-value-wrapper {
@@ -2469,20 +2482,20 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 
 .e-pv-comment-panel-title-container {
   background-color: #232e3e;
-  border-color: #4b5563;
   border-style: double;
   border-width: 0 1px 1px 0;
   height: 45px;
   position: relative;
+  border-color: #4b5563;
 }
 
 .e-pv-comment-panel-title {
   color: #d1d5db;
   font-size: 14px;
   left: 15px;
+  top: 14px;
   position: absolute;
   text-align: left;
-  top: 14px;
 }
 
 .e-pv-comment-panel-title-close-div.e-btn {
@@ -2533,13 +2546,13 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 
 .e-pv-comment-title {
   color: #22d3ee;
+  padding-left: 32px;
+  padding-top: 7px;
   color: #fff;
   font-size: 14px;
   font-size: 12px;
   font-weight: 500;
   max-width: 237px;
-  padding-left: 32px;
-  padding-top: 7px;
   position: absolute;
 }
 
@@ -2681,8 +2694,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 }
 
 .e-pv-signature-dialog-height .e-pv-cancelbtn {
-  height: 30px;
-  min-height: 30px;
+  height: 32px;
+  min-height: 32px;
 }
 
 .e-pv-signature-dialog-height .e-pv-createbtn {
@@ -2976,6 +2989,12 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   padding: 12px 20px 12px 1px;
 }
 
+.e-bigger .e-pv-properties-fill-color-style-prop,
+.e-bigger .e-pv-properties-stroke-color-style-prop,
+.e-bigger .e-pv-properties-stroke-thickness-style-prop {
+  padding: 12px 20px 12px 1px;
+}
+
 .e-pv-formfield-fontcolor-icon,
 .e-pv-formfield-strokecolor-icon,
 .e-pv-formfield-strokethickness-icon {
@@ -2988,6 +3007,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 
 .e-pv-properties-format-text-style-prop {
   padding: 15px 15px 4px 1px;
+  padding: 15px 15px 15px 1px;
 }
 
 .e-pv-properties-font-family-container {
@@ -3142,7 +3162,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   background-color: #22d3ee;
 }
 
-.e-pv-formfield-li-element:hover {
+.e-pv-formfield-li-element:hover:not(.e-pv-li-select) {
   background-color: #22d3ee;
 }
 
@@ -3218,6 +3238,29 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   width: 120px;
 }
 
+.e-bigger .e-pv-properties-form-field-font-style {
+  background: #232e3e;
+  border-radius: 2px;
+  display: -ms-flexbox;
+  display: flex;
+  height: 36px;
+  -ms-flex-pack: space-evenly;
+      justify-content: space-evenly;
+  width: 154px;
+}
+
+.e-bigger .e-pv-properties-form-field-font-align {
+  background: #232e3e;
+  border-radius: 2px;
+  display: -ms-flexbox;
+  display: flex;
+  height: 36px;
+  -ms-flex-pack: space-evenly;
+      justify-content: space-evenly;
+  margin-right: 15px;
+  width: 120px;
+}
+
 .e-pv-properties-formfield-label {
   color: #d1d5db;
   font-family: "Roboto";
@@ -3276,6 +3319,10 @@ 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

@@ -604,13 +604,13 @@
 /* stylelint-disable value-no-vendor-prefix */
 /* stylelint-disable property-no-vendor-prefix */
 .e-pv-viewer-container {
-  background-color: #e5e7eb;
   border-color: #e5e7eb;
   height: 100%;
   overflow: auto;
   position: relative;
   -ms-touch-action: pan-x pan-y;
       touch-action: pan-x pan-y;
+  background-color: #e5e7eb;
 }
 
 .e-pdfviewer.e-pv-mobile-view .e-pv-viewer-container::-webkit-scrollbar {
@@ -822,6 +822,11 @@ input.e-pv-input-password::-ms-reveal {
   padding-bottom: 0;
 }
 
+.e-bigger .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon,
+.e-bigger .e-pv-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
+  padding-bottom: 0;
+}
+
 .e-pv-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon,
 .e-pv-annotation-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   line-height: 26px;
@@ -1827,6 +1832,12 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   font-size: 12px;
 }
 
+.e-bigger .e-.e-pv-annotation-color-container.e-dropdown-btn.e-btn .e-caret .e-pv-annotation-opacity-container.e-dropdown-btn.e-btn .e-caret .e-pv-annotation-textcolor-container.e-dropdown-btn.e-btn .e-caret,
+.e-bigger .e-pv-annotation-textalign-container.e-dropdown-btn.e-btn .e-caret,
+.e-bigger .e-pv-annotation-textprop-container.e-dropdown-btn.e-btn .e-caret {
+  font-size: 18px;
+}
+
 .e-pv-annotation-color-container,
 .e-pv-annotation-opacity-container,
 .e-pv-annotation-stroke-container,
@@ -2082,8 +2093,8 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-properties-line-stroke-color-label,
 .e-pv-properties-line-opacity-label,
 .e-pv-properties-line-leader-length-label {
-  font-size: 14px;
   margin-bottom: 8px;
+  font-size: 14px;
 }
 
 .e-pv-properties-line-end-container,
@@ -2154,11 +2165,13 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-properties-line-start.e-btn,
 .e-pv-properties-line-end.e-btn {
   height: 30px;
+  height: 32px;
   padding: 8px;
 }
 
 .e-pv-properties-line-style.e-btn {
   height: 30px;
+  height: 32px;
   line-height: 0;
   padding: 8px;
   white-space: pre;
@@ -2363,10 +2376,10 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 
 .e-pdfviewer .e-editable-value-wrapper {
   color: #374151;
-  font-size: 14px;
   line-height: normal;
   min-height: 22px;
   padding: 2px 8px 3px;
+  font-size: 14px;
 }
 
 .e-pdfviewer .e-pv-comment-textbox .e-editable-value-wrapper {
@@ -2470,20 +2483,20 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 
 .e-pv-comment-panel-title-container {
   background-color: #f9fafb;
-  border-color: #e5e7eb;
   border-style: double;
   border-width: 0 1px 1px 0;
   height: 45px;
   position: relative;
+  border-color: #e5e7eb;
 }
 
 .e-pv-comment-panel-title {
   color: #374151;
   font-size: 14px;
   left: 15px;
+  top: 14px;
   position: absolute;
   text-align: left;
-  top: 14px;
 }
 
 .e-pv-comment-panel-title-close-div.e-btn {
@@ -2534,13 +2547,13 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 
 .e-pv-comment-title {
   color: #4f46e5;
+  padding-left: 32px;
+  padding-top: 7px;
   color: #111827;
   font-size: 14px;
   font-size: 12px;
   font-weight: 500;
   max-width: 237px;
-  padding-left: 32px;
-  padding-top: 7px;
   position: absolute;
 }
 
@@ -2682,8 +2695,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 }
 
 .e-pv-signature-dialog-height .e-pv-cancelbtn {
-  height: 30px;
-  min-height: 30px;
+  height: 32px;
+  min-height: 32px;
 }
 
 .e-pv-signature-dialog-height .e-pv-createbtn {
@@ -2977,6 +2990,12 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   padding: 12px 20px 12px 1px;
 }
 
+.e-bigger .e-pv-properties-fill-color-style-prop,
+.e-bigger .e-pv-properties-stroke-color-style-prop,
+.e-bigger .e-pv-properties-stroke-thickness-style-prop {
+  padding: 12px 20px 12px 1px;
+}
+
 .e-pv-formfield-fontcolor-icon,
 .e-pv-formfield-strokecolor-icon,
 .e-pv-formfield-strokethickness-icon {
@@ -2989,6 +3008,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 
 .e-pv-properties-format-text-style-prop {
   padding: 15px 15px 4px 1px;
+  padding: 15px 15px 15px 1px;
 }
 
 .e-pv-properties-font-family-container {
@@ -3143,7 +3163,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   background-color: #4f46e5;
 }
 
-.e-pv-formfield-li-element:hover {
+.e-pv-formfield-li-element:hover:not(.e-pv-li-select) {
   background-color: #4f46e5;
 }
 
@@ -3219,6 +3239,29 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   width: 120px;
 }
 
+.e-bigger .e-pv-properties-form-field-font-style {
+  background: #f9fafb;
+  border-radius: 2px;
+  display: -ms-flexbox;
+  display: flex;
+  height: 36px;
+  -ms-flex-pack: space-evenly;
+      justify-content: space-evenly;
+  width: 154px;
+}
+
+.e-bigger .e-pv-properties-form-field-font-align {
+  background: #f9fafb;
+  border-radius: 2px;
+  display: -ms-flexbox;
+  display: flex;
+  height: 36px;
+  -ms-flex-pack: space-evenly;
+      justify-content: space-evenly;
+  margin-right: 15px;
+  width: 120px;
+}
+
 .e-pv-properties-formfield-label {
   color: #374151;
   font-family: "Roboto";
@@ -3277,6 +3320,10 @@ 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

@@ -603,13 +603,13 @@
 /* stylelint-disable value-no-vendor-prefix */
 /* stylelint-disable property-no-vendor-prefix */
 .e-pv-viewer-container {
-  background-color: #4b5563;
   border-color: #4b5563;
   height: 100%;
   overflow: auto;
   position: relative;
   -ms-touch-action: pan-x pan-y;
       touch-action: pan-x pan-y;
+  background-color: #4b5563;
 }
 
 .e-pdfviewer.e-pv-mobile-view .e-pv-viewer-container::-webkit-scrollbar {
@@ -821,6 +821,11 @@ input.e-pv-input-password::-ms-reveal {
   padding-bottom: 0;
 }
 
+.e-bigger .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon,
+.e-bigger .e-pv-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
+  padding-bottom: 0;
+}
+
 .e-pv-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon,
 .e-pv-annotation-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   line-height: 26px;
@@ -1826,6 +1831,12 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   font-size: 12px;
 }
 
+.e-bigger .e-.e-pv-annotation-color-container.e-dropdown-btn.e-btn .e-caret .e-pv-annotation-opacity-container.e-dropdown-btn.e-btn .e-caret .e-pv-annotation-textcolor-container.e-dropdown-btn.e-btn .e-caret,
+.e-bigger .e-pv-annotation-textalign-container.e-dropdown-btn.e-btn .e-caret,
+.e-bigger .e-pv-annotation-textprop-container.e-dropdown-btn.e-btn .e-caret {
+  font-size: 18px;
+}
+
 .e-pv-annotation-color-container,
 .e-pv-annotation-opacity-container,
 .e-pv-annotation-stroke-container,
@@ -2081,8 +2092,8 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-properties-line-stroke-color-label,
 .e-pv-properties-line-opacity-label,
 .e-pv-properties-line-leader-length-label {
-  font-size: 14px;
   margin-bottom: 8px;
+  font-size: 14px;
 }
 
 .e-pv-properties-line-end-container,
@@ -2153,11 +2164,13 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-properties-line-start.e-btn,
 .e-pv-properties-line-end.e-btn {
   height: 30px;
+  height: 32px;
   padding: 8px;
 }
 
 .e-pv-properties-line-style.e-btn {
   height: 30px;
+  height: 32px;
   line-height: 0;
   padding: 8px;
   white-space: pre;
@@ -2362,10 +2375,10 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 
 .e-pdfviewer .e-editable-value-wrapper {
   color: #d1d5db;
-  font-size: 14px;
   line-height: normal;
   min-height: 22px;
   padding: 2px 8px 3px;
+  font-size: 14px;
 }
 
 .e-pdfviewer .e-pv-comment-textbox .e-editable-value-wrapper {
@@ -2469,20 +2482,20 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 
 .e-pv-comment-panel-title-container {
   background-color: #232e3e;
-  border-color: #4b5563;
   border-style: double;
   border-width: 0 1px 1px 0;
   height: 45px;
   position: relative;
+  border-color: #4b5563;
 }
 
 .e-pv-comment-panel-title {
   color: #d1d5db;
   font-size: 14px;
   left: 15px;
+  top: 14px;
   position: absolute;
   text-align: left;
-  top: 14px;
 }
 
 .e-pv-comment-panel-title-close-div.e-btn {
@@ -2533,13 +2546,13 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 
 .e-pv-comment-title {
   color: #22d3ee;
+  padding-left: 32px;
+  padding-top: 7px;
   color: #fff;
   font-size: 14px;
   font-size: 12px;
   font-weight: 500;
   max-width: 237px;
-  padding-left: 32px;
-  padding-top: 7px;
   position: absolute;
 }
 
@@ -2681,8 +2694,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 }
 
 .e-pv-signature-dialog-height .e-pv-cancelbtn {
-  height: 30px;
-  min-height: 30px;
+  height: 32px;
+  min-height: 32px;
 }
 
 .e-pv-signature-dialog-height .e-pv-createbtn {
@@ -2976,6 +2989,12 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   padding: 12px 20px 12px 1px;
 }
 
+.e-bigger .e-pv-properties-fill-color-style-prop,
+.e-bigger .e-pv-properties-stroke-color-style-prop,
+.e-bigger .e-pv-properties-stroke-thickness-style-prop {
+  padding: 12px 20px 12px 1px;
+}
+
 .e-pv-formfield-fontcolor-icon,
 .e-pv-formfield-strokecolor-icon,
 .e-pv-formfield-strokethickness-icon {
@@ -2988,6 +3007,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 
 .e-pv-properties-format-text-style-prop {
   padding: 15px 15px 4px 1px;
+  padding: 15px 15px 15px 1px;
 }
 
 .e-pv-properties-font-family-container {
@@ -3142,7 +3162,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   background-color: #22d3ee;
 }
 
-.e-pv-formfield-li-element:hover {
+.e-pv-formfield-li-element:hover:not(.e-pv-li-select) {
   background-color: #22d3ee;
 }
 
@@ -3218,6 +3238,29 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   width: 120px;
 }
 
+.e-bigger .e-pv-properties-form-field-font-style {
+  background: #232e3e;
+  border-radius: 2px;
+  display: -ms-flexbox;
+  display: flex;
+  height: 36px;
+  -ms-flex-pack: space-evenly;
+      justify-content: space-evenly;
+  width: 154px;
+}
+
+.e-bigger .e-pv-properties-form-field-font-align {
+  background: #232e3e;
+  border-radius: 2px;
+  display: -ms-flexbox;
+  display: flex;
+  height: 36px;
+  -ms-flex-pack: space-evenly;
+      justify-content: space-evenly;
+  margin-right: 15px;
+  width: 120px;
+}
+
 .e-pv-properties-formfield-label {
   color: #d1d5db;
   font-family: "Roboto";
@@ -3276,6 +3319,10 @@ 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;
 }