@syncfusion/ej2-react-pdfviewer 21.2.9 → 22.1.34

package/CHANGELOG.md

@@ -6,10 +6,26 @@
 
 #### Bug Fixes
 
+- `#I464829` - Now, we can select text in the comment panel using the mouse cursor.
+- `#I464868` - Now, the default placeholder text is automatically selected when the comment text box for free text annotation is in focus.
+- `#I430769` - Now, when the document is reloaded, exported, or imported into the PDF viewer, the order of the annotations is preserved.
+- `#I472757`- Now, the custom Stamp is not removed when downloading the document after undo and redo.
+
+#### New Features
+
+- `#I426363`, `F180068` – Provided the support for value property in the radio button and checkbox field.
+- `#I448261` – Exposed the API to load the number of pages on the initial loading.
+
+## 21.2.9 (2023-06-06)
+
+### PDF Viewer
+
+#### Bug Fixes
+
 - `#I464832` - Now, we can able to edit the first comment of the text markup annotation.
 - `#I464832` - Now, the words within the comments are split for readability.
-- `#I466770` - Now, able to edit the free text annotation content programmatically and the content does not change while exporting.
 - `#I464992` - Now, enabling the form designer toolbar programmatically activates the form designer mode.
+- `#I466770` - Now, able to edit the free text annotation content programmatically and the content does not change while exporting.
 - `#I465319` - Now, adding a free text annotation shows its content once in the comment panel.
 - `#I464819` - Now, web service not listening does not occur when loading the provided PDF file.
 
@@ -47,7 +63,7 @@
 
 #### New Features
 
-- `#I426363`, `F180068` – Provided support for value property in the radio button and checkbox field,
+- `#I426363`, `F180068` – Provided support for value property in the radio button and checkbox field.
 
 #### Bug Fixes
 

package/README.md

@@ -153,7 +153,7 @@ Product support is available through the following mediums.
 
 ## Changelog
 
-Check the changelog [here](https://github.com/syncfusion/ej2-pdfviewer/blob/master/CHANGELOG.md?utm_source=npm&utm_medium=listing&utm_campaign=react-pdf-viewer-npm). Get minor improvements and bug fixes every week to stay up to date with frequent updates.
+Check the changelog [here](https://github.com/syncfusion/ej2-react-ui-components/blob/master/components/pdfviewer/CHANGELOG.md?utm_source=npm&utm_medium=listing&utm_campaign=react-pdf-viewer-npm). Get minor improvements and bug fixes every week to stay up to date with frequent updates.
 
 ## License and copyright
 

package/dist/ej2-react-pdfviewer.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-react-pdfviewer.min.js
-*  version : 21.2.9
+*  version : 22.1.34
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/dist/ej2-react-pdfviewer.umd.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-react-pdfviewer.umd.min.js
-*  version : 21.2.9
+*  version : 22.1.34
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-react-pdfviewer@*",
-  "_id": "@syncfusion/ej2-react-pdfviewer@21.2.8",
+  "_id": "@syncfusion/ej2-react-pdfviewer@20.10.23",
   "_inBundle": false,
-  "_integrity": "sha512-5Jby+4TE+bdcNNlByG4nudxe/f0VUXsAkGfI4Ll/b0dZSHizOMbnor38zIQBQggwOIukQyNSlNjs7ZH9Gu9mlg==",
+  "_integrity": "sha512-SqaJIS30l5AJuqmUHgC32mhnTeD324xv5+nkycyOE95AUoS8aUpV2yozbcf+y4uJmTc1qyJ0Y/xWx6bNXzjtVw==",
   "_location": "/@syncfusion/ej2-react-pdfviewer",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-pdfviewer/-/ej2-react-pdfviewer-21.2.8.tgz",
-  "_shasum": "7b85f3dcb276c5dfa7606801198c364bedaea668",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-react-pdfviewer/-/ej2-react-pdfviewer-20.10.23.tgz",
+  "_shasum": "eb5b583439e76ae0cd2153f0e8262c200994fb9f",
   "_spec": "@syncfusion/ej2-react-pdfviewer@*",
   "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~21.2.9",
-    "@syncfusion/ej2-pdfviewer": "21.2.9",
-    "@syncfusion/ej2-react-base": "~21.2.8"
+    "@syncfusion/ej2-base": "~22.1.34",
+    "@syncfusion/ej2-pdfviewer": "22.1.34",
+    "@syncfusion/ej2-react-base": "~22.1.34"
   },
   "deprecated": false,
   "description": "Essential JS 2 PDF viewer Component for React",
@@ -54,6 +54,6 @@
     "type": "git",
     "url": "git+https://github.com/syncfusion/ej2-react-ui-components.git"
   },
-  "version": "21.2.9",
+  "version": "22.1.34",
   "sideEffects": false
 }

package/styles/bootstrap-dark.css

@@ -595,13 +595,13 @@
 /* stylelint-disable value-no-vendor-prefix */
 /* stylelint-disable property-no-vendor-prefix */
 .e-pv-viewer-container {
-  background-color: #1a1a1a;
   border-color: #505050;
   height: calc(100% - 50px);
   overflow: auto;
   position: relative;
   -ms-touch-action: pan-x pan-y;
       touch-action: pan-x pan-y;
+  background-color: #1a1a1a;
 }
 
 .e-pdfviewer.e-pv-mobile-view .e-pv-viewer-container::-webkit-scrollbar {
@@ -814,6 +814,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;
@@ -1803,6 +1808,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,
@@ -2058,8 +2069,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,
@@ -2338,10 +2349,10 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 
 .e-pdfviewer .e-editable-value-wrapper {
   color: rgba(255, 255, 255, 0.9);
-  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 {
@@ -2445,20 +2456,20 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 
 .e-pv-comment-panel-title-container {
   background-color: #131313;
-  border-color: #505050;
   border-style: double;
   border-width: 0 1px 1px 0;
   height: 45px;
   position: relative;
+  border-color: #505050;
 }
 
 .e-pv-comment-panel-title {
   color: rgba(255, 255, 255, 0.9);
   font-size: 14px;
   left: 15px;
+  top: 14px;
   position: absolute;
   text-align: left;
-  top: 14px;
 }
 
 .e-pv-comment-panel-title-close-div.e-btn {
@@ -2506,10 +2517,10 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 
 .e-pv-comment-title {
   color: rgba(255, 255, 255, 0.6);
-  font-size: 14px;
-  max-width: 237px;
   padding-left: 32px;
   padding-top: 8px;
+  font-size: 14px;
+  max-width: 237px;
   position: absolute;
 }
 
@@ -2648,8 +2659,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 {
@@ -2942,6 +2953,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 {
@@ -3106,7 +3123,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   background-color: #d3d3d3;
 }
 
-.e-pv-formfield-li-element:hover {
+.e-pv-formfield-li-element:hover:not(.e-pv-li-select) {
   background-color: #d3d3d3;
 }
 
@@ -3182,6 +3199,29 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   width: 120px;
 }
 
+.e-bigger .e-pv-properties-form-field-font-style {
+  background: #000;
+  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: #000;
+  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: #757575;
   font-family: "Roboto";
@@ -3233,6 +3273,10 @@ 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/bootstrap.css

@@ -600,13 +600,13 @@
 /* stylelint-disable value-no-vendor-prefix */
 /* stylelint-disable property-no-vendor-prefix */
 .e-pv-viewer-container {
-  background-color: #e6e6e6;
   border-color: #ccc;
   height: calc(100% - 50px);
   overflow: auto;
   position: relative;
   -ms-touch-action: pan-x pan-y;
       touch-action: pan-x pan-y;
+  background-color: #e6e6e6;
 }
 
 .e-pdfviewer.e-pv-mobile-view .e-pv-viewer-container::-webkit-scrollbar {
@@ -820,6 +820,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;
@@ -1809,6 +1814,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,
@@ -2064,8 +2075,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,
@@ -2344,10 +2355,10 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 
 .e-pdfviewer .e-editable-value-wrapper {
   color: rgba(51, 51, 51, 0.9);
-  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 {
@@ -2451,20 +2462,20 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 
 .e-pv-comment-panel-title-container {
   background-color: #f8f8f8;
-  border-color: #adadad;
   border-style: double;
   border-width: 0 1px 1px 0;
   height: 45px;
   position: relative;
+  border-color: #adadad;
 }
 
 .e-pv-comment-panel-title {
   color: rgba(51, 51, 51, 0.9);
   font-size: 14px;
   left: 15px;
+  top: 14px;
   position: absolute;
   text-align: left;
-  top: 14px;
 }
 
 .e-pv-comment-panel-title-close-div.e-btn {
@@ -2512,10 +2523,10 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 
 .e-pv-comment-title {
   color: rgba(51, 51, 51, 0.6);
-  font-size: 14px;
-  max-width: 237px;
   padding-left: 32px;
   padding-top: 8px;
+  font-size: 14px;
+  max-width: 237px;
   position: absolute;
 }
 
@@ -2654,8 +2665,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 {
@@ -2949,6 +2960,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 {
@@ -3113,7 +3130,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   background-color: #d3d3d3;
 }
 
-.e-pv-formfield-li-element:hover {
+.e-pv-formfield-li-element:hover:not(.e-pv-li-select) {
   background-color: #d3d3d3;
 }
 
@@ -3189,6 +3206,29 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   width: 120px;
 }
 
+.e-bigger .e-pv-properties-form-field-font-style {
+  background: #eee;
+  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: #eee;
+  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: #757575;
   font-family: "Roboto";
@@ -3240,6 +3280,10 @@ 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/bootstrap4.css

@@ -601,13 +601,13 @@
 /* stylelint-disable value-no-vendor-prefix */
 /* stylelint-disable property-no-vendor-prefix */
 .e-pv-viewer-container {
-  background-color: #e9ecef;
   border-color: #dee2e6;
   height: calc(100% - 40px);
   overflow: auto;
   position: relative;
   -ms-touch-action: pan-x pan-y;
       touch-action: pan-x pan-y;
+  background-color: #e9ecef;
 }
 
 .e-pdfviewer.e-pv-mobile-view .e-pv-viewer-container::-webkit-scrollbar {
@@ -837,6 +837,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;
@@ -2016,6 +2021,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,
@@ -2271,8 +2282,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,
@@ -2621,10 +2632,10 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 
 .e-pdfviewer .e-editable-value-wrapper {
   color: rgba(33, 37, 41, 0.9);
-  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 {
@@ -2728,20 +2739,20 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 
 .e-pv-comment-panel-title-container {
   background-color: #f8f9fa;
-  border-color: #dee2e6;
   border-style: double;
   border-width: 0 1px 1px 0;
   height: 45px;
   position: relative;
+  border-color: #dee2e6;
 }
 
 .e-pv-comment-panel-title {
   color: rgba(33, 37, 41, 0.9);
   font-size: 14px;
   left: 15px;
+  top: 14px;
   position: absolute;
   text-align: left;
-  top: 14px;
 }
 
 .e-pv-comment-panel-title-close-div.e-btn {
@@ -2790,10 +2801,10 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 
 .e-pv-comment-title {
   color: rgba(33, 37, 41, 0.6);
-  font-size: 14px;
-  max-width: 237px;
   padding-left: 32px;
   padding-top: 7px;
+  font-size: 14px;
+  max-width: 237px;
   position: absolute;
 }
 
@@ -2932,8 +2943,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 {
@@ -3259,6 +3270,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 {
@@ -3425,7 +3442,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   background-color: #d3d3d3;
 }
 
-.e-pv-formfield-li-element:hover {
+.e-pv-formfield-li-element:hover:not(.e-pv-li-select) {
   background-color: #d3d3d3;
 }
 
@@ -3501,6 +3518,29 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   width: 120px;
 }
 
+.e-bigger .e-pv-properties-form-field-font-style {
+  background: #eee;
+  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: #eee;
+  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: #757575;
   font-family: "Roboto";
@@ -3565,6 +3605,10 @@ 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;
 }