@syncfusion/ej2-react-pdfviewer 19.4.50 → 19.4.54

package/CHANGELOG.md

@@ -2,6 +2,37 @@
 
 ## [Unreleased]
 
+## 19.4.53 (2022-02-22)
+
+### PDF Viewer
+
+#### Bug Fixes
+
+- `#SF-362122` - Now, the shape annotation bounds are updated properly in the `annotationResize` event.
+- `#SF-361850` - Now, the annotation toolbar icons are aligned correctly after resizing.
+- `#SF-363301` - The script error is no longer thrown while hovering the toolbar icons without using the `showTooltip` property.
+- `#SF-362647` - Now, the signature, and initial fields are unable to edit in the read-only mode.
+- `#SF-361801` - Script error is no longer thrown while destroying the viewer control in the IE browser.
+- `#SF-363899` - Now, the `annotationUnSelect` event triggers for custom stamp annotations.
+- `#SF-363936` - Now, the signature panel will not be opened on right-click of signature fields.
+- `#F168155` - The downloaded document displays Czech characters.
+
+## 19.4.52 (2022-02-15)
+
+### PDF Viewer
+
+#### Bug Fixes
+
+- `#SF-361967`- Copy and paste is now working properly for the signature field when it is added at the bottom of the page.
+- `#SF- 361906`- The text position for the provided PDF document is now correct.
+- `#SF-361379`- While importing the annotations, the FontColor and FillColor properties are now updated properly.
+- `#SF-360076`- In the signature field, the drawn signature is not stretched now.
+- `#SF-364148`, `#F172304`- The Script error will no longer be thrown in the mobile view while destroying the PDF Viewer.
+- `#SF-362874`- The form field names are now added properly to the form fields.
+- `#SF-365411`, `#SF-360719`- The annotations are now properly added to the pages when enableDesktopMode is true on mobile devices.
+
+## 19.4.50 (2022-02-08)
+
 ### PDF Viewer
 
 #### Bug Fixes

package/README.md

@@ -59,4 +59,4 @@ Check the license detail [here](https://github.com/syncfusion/ej2/blob/master/li
 
 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)
 
- © Copyright 2018 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.
+ © Copyright 2022 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.

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

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-react-pdfviewer.umd.min.js
-*  version : 19.4.50
+*  version : 19.4.54
 *  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@19.4.48",
+  "_id": "@syncfusion/ej2-react-pdfviewer@19.4.53",
   "_inBundle": false,
-  "_integrity": "sha512-bJmJ5vnPrHEr6IpgmE1Zhpj1J/cfziSxsPWCfdWR96DVRUUJPo+EdgWSImMoKGcskYZx0DkNPXnY1DtFK3HF8w==",
+  "_integrity": "sha512-fQ3l6q/S73C7myL/QRgFbo/GP06YEgCOwHcp8k41TF1a9zbbDdAm2pA3zoFnEopA3FU1R3xWYKhxjR3/hQo35Q==",
   "_location": "/@syncfusion/ej2-react-pdfviewer",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-pdfviewer/-/ej2-react-pdfviewer-19.4.48.tgz",
-  "_shasum": "7b1803cf22a9186f409294fc6e79b097b80bc08d",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-pdfviewer/-/ej2-react-pdfviewer-19.4.53.tgz",
+  "_shasum": "43faaac9a6e00f6aa57c3e723117a2fdedd8b4f4",
   "_spec": "@syncfusion/ej2-react-pdfviewer@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~19.4.48",
-    "@syncfusion/ej2-pdfviewer": "19.4.50",
-    "@syncfusion/ej2-react-base": "~19.4.48"
+    "@syncfusion/ej2-base": "~19.4.52",
+    "@syncfusion/ej2-pdfviewer": "19.4.54",
+    "@syncfusion/ej2-react-base": "~19.4.53"
   },
   "deprecated": false,
   "description": "Essential JS 2 PDF viewer Component for React",
@@ -61,6 +61,6 @@
     "type": "git",
     "url": "git+https://github.com/syncfusion/ej2-react-ui-components.git"
   },
-  "version": "19.4.50",
+  "version": "19.4.54",
   "sideEffects": false
 }

package/styles/bootstrap-dark.css

@@ -872,6 +872,17 @@ input.e-pv-input-password::-ms-reveal {
   margin-right: 1.5px;
 }
 
+.e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon,
+.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;
+  min-height: 26px;
+}
+
 .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
 .e-pv-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
 .e-pv-formdesigner-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-separator {
@@ -1502,6 +1513,10 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   padding-right: 18px;
 }
 
+.e-pv-bookmark-title {
+  padding-left: 40px;
+}
+
 .e-pv-sidebar-bookmark-title {
   color: rgba(0, 0, 0, 0.87);
   font-family: Roboto-Regular;
@@ -1570,6 +1585,8 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-shapes-toolbar .e-pv-tbar-btn,
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused,
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-menu-icon,
+.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon,
+.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret,
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret {
   color: #f0f0f0;
 }
@@ -1795,8 +1812,8 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   vertical-align: initial;
 }
 
-.e-pv-custom-annotation-thickness-container .e-btn-icon.e-pv-annotation-thickness-icon.e-pv-icon {
-  padding-top: 7px;
+.e-pv-custom-annotation-thickness-container .e-btn-icon.e-pv-annotation-thickness-icon.e-pv-icon,
+.e-pv-custom-annotation-opacity-container .e-btn-icon.e-pv-annotation-opacity-icon.e-pv-icon {
   vertical-align: initial;
 }
 
@@ -1855,6 +1872,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-opacity-container,
 .e-pv-annotation-stroke-container,
 .e-pv-custom-annotation-thickness-container,
+.e-pv-custom-annotation-opacity-container,
 .e-pv-annotation-thickness-container,
 .e-pv-annotation-textcolor-container,
 .e-pv-annotation-textalign-container,
@@ -1954,6 +1972,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-opacity-container.e-dropdown-btn.e-btn,
 .e-pv-annotation-stroke-container.e-dropdown-btn.e-btn,
 .e-pv-custom-annotation-thickness-container.e-dropdown-btn.e-btn,
+.e-pv-custom-annotation-opacity-container.e-dropdown-btn.e-btn,
 .e-pv-annotation-thickness-container.e-dropdown-btn.e-btn,
 .e-pv-annotation-textcolor-container.e-dropdown-btn.e-btn,
 .e-pv-annotation-textalign-container.e-dropdown-btn.e-btn,
@@ -1966,6 +1985,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-opacity-container.e-dropdown-btn.e-button,
 .e-pv-annotation-stroke-container.e-dropdown-btn.e-button,
 .e-pv-custom-annotation-thickness-container.e-dropdown-btn.e-button,
+.e-pv-custom-annotation-opacity-container.e-dropdown-btn.e-button,
 .e-pv-annotation-thickness-container.e-dropdown-btn.e-bbuttontn,
 .e-pv-annotation-textcolor-container.e-dropdown-btn.e-button,
 .e-pv-annotation-textalign-container.e-dropdown-btn.e-button,
@@ -2004,6 +2024,10 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   max-width: 420px;
 }
 
+.e-pv-scale-ratio-dialog {
+  max-width: 500px;
+}
+
 .e-pv-line-styles-content,
 .e-pv-line-styles-item {
   border-bottom-color: #000;
@@ -2043,6 +2067,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-properties-line-opacity-container {
   float: left;
   height: auto;
+  width: 180px;
 }
 
 .e-pv-scale-ratio-src-input-container,
@@ -2121,7 +2146,10 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-properties-line-style,
 .e-pv-properties-line-thickness,
 .e-pv-properties-line-opacity,
-.e-pv-properties-line-leader-length,
+.e-pv-properties-line-leader-length {
+  max-width: 180px;
+}
+
 .e-pv-scale-ratio-src-input,
 .e-pv-scale-ratio-dest-input,
 .e-pv-depth-input {
@@ -2130,7 +2158,10 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 
 .e-pv-properties-line-start,
 .e-pv-properties-line-end,
-.e-pv-properties-line-style,
+.e-pv-properties-line-style {
+  width: 180px;
+}
+
 .e-pv-scale-ratio-src-unit,
 .e-pv-scale-ratio-dest-unit,
 .e-pv-depth-unit {
@@ -3056,8 +3087,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pv-properties-form-field-btn-textarea-container {
   display: -ms-flexbox;
   display: flex;
-  padding-top: 15px;
   width: 385px;
+  padding-top: 15px;
 }
 
 .e-pv-properties-dropdown-btn {

package/styles/bootstrap.css

@@ -878,6 +878,17 @@ input.e-pv-input-password::-ms-reveal {
   margin-right: 1.5px;
 }
 
+.e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon,
+.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;
+  min-height: 26px;
+}
+
 .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
 .e-pv-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
 .e-pv-formdesigner-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-separator {
@@ -1508,6 +1519,10 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   padding-right: 18px;
 }
 
+.e-pv-bookmark-title {
+  padding-left: 40px;
+}
+
 .e-pv-sidebar-bookmark-title {
   color: rgba(0, 0, 0, 0.87);
   font-family: Roboto-Regular;
@@ -1576,6 +1591,8 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-shapes-toolbar .e-pv-tbar-btn,
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused,
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-menu-icon,
+.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon,
+.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret,
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret {
   color: #333;
 }
@@ -1801,8 +1818,8 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   vertical-align: initial;
 }
 
-.e-pv-custom-annotation-thickness-container .e-btn-icon.e-pv-annotation-thickness-icon.e-pv-icon {
-  padding-top: 7px;
+.e-pv-custom-annotation-thickness-container .e-btn-icon.e-pv-annotation-thickness-icon.e-pv-icon,
+.e-pv-custom-annotation-opacity-container .e-btn-icon.e-pv-annotation-opacity-icon.e-pv-icon {
   vertical-align: initial;
 }
 
@@ -1861,6 +1878,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-opacity-container,
 .e-pv-annotation-stroke-container,
 .e-pv-custom-annotation-thickness-container,
+.e-pv-custom-annotation-opacity-container,
 .e-pv-annotation-thickness-container,
 .e-pv-annotation-textcolor-container,
 .e-pv-annotation-textalign-container,
@@ -1960,6 +1978,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-opacity-container.e-dropdown-btn.e-btn,
 .e-pv-annotation-stroke-container.e-dropdown-btn.e-btn,
 .e-pv-custom-annotation-thickness-container.e-dropdown-btn.e-btn,
+.e-pv-custom-annotation-opacity-container.e-dropdown-btn.e-btn,
 .e-pv-annotation-thickness-container.e-dropdown-btn.e-btn,
 .e-pv-annotation-textcolor-container.e-dropdown-btn.e-btn,
 .e-pv-annotation-textalign-container.e-dropdown-btn.e-btn,
@@ -1972,6 +1991,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-opacity-container.e-dropdown-btn.e-button,
 .e-pv-annotation-stroke-container.e-dropdown-btn.e-button,
 .e-pv-custom-annotation-thickness-container.e-dropdown-btn.e-button,
+.e-pv-custom-annotation-opacity-container.e-dropdown-btn.e-button,
 .e-pv-annotation-thickness-container.e-dropdown-btn.e-bbuttontn,
 .e-pv-annotation-textcolor-container.e-dropdown-btn.e-button,
 .e-pv-annotation-textalign-container.e-dropdown-btn.e-button,
@@ -2010,6 +2030,10 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   max-width: 420px;
 }
 
+.e-pv-scale-ratio-dialog {
+  max-width: 500px;
+}
+
 .e-pv-line-styles-content,
 .e-pv-line-styles-item {
   border-bottom-color: #000;
@@ -2049,6 +2073,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-properties-line-opacity-container {
   float: left;
   height: auto;
+  width: 180px;
 }
 
 .e-pv-scale-ratio-src-input-container,
@@ -2127,7 +2152,10 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-properties-line-style,
 .e-pv-properties-line-thickness,
 .e-pv-properties-line-opacity,
-.e-pv-properties-line-leader-length,
+.e-pv-properties-line-leader-length {
+  max-width: 180px;
+}
+
 .e-pv-scale-ratio-src-input,
 .e-pv-scale-ratio-dest-input,
 .e-pv-depth-input {
@@ -2136,7 +2164,10 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 
 .e-pv-properties-line-start,
 .e-pv-properties-line-end,
-.e-pv-properties-line-style,
+.e-pv-properties-line-style {
+  width: 180px;
+}
+
 .e-pv-scale-ratio-src-unit,
 .e-pv-scale-ratio-dest-unit,
 .e-pv-depth-unit {
@@ -3063,8 +3094,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pv-properties-form-field-btn-textarea-container {
   display: -ms-flexbox;
   display: flex;
-  padding-top: 15px;
   width: 385px;
+  padding-top: 15px;
 }
 
 .e-pv-properties-dropdown-btn {

package/styles/bootstrap4.css

@@ -896,6 +896,17 @@ input.e-pv-input-password::-ms-reveal {
   margin-right: 0;
 }
 
+.e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon,
+.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;
+  min-height: 26px;
+}
+
 .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
 .e-pv-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
 .e-pv-formdesigner-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-separator {
@@ -1612,6 +1623,10 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   padding-right: 18px;
 }
 
+.e-pv-bookmark-title {
+  padding-left: 40px;
+}
+
 .e-bigger div > .e-pv-bookmark-icon.e-pv-icon {
   font-size: 18px;
 }
@@ -1684,6 +1699,8 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-shapes-toolbar .e-pv-tbar-btn,
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused,
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-menu-icon,
+.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon,
+.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret,
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret {
   color: #495057;
 }
@@ -2008,8 +2025,8 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   vertical-align: initial;
 }
 
-.e-pv-custom-annotation-thickness-container .e-btn-icon.e-pv-annotation-thickness-icon.e-pv-icon {
-  padding-top: 7px;
+.e-pv-custom-annotation-thickness-container .e-btn-icon.e-pv-annotation-thickness-icon.e-pv-icon,
+.e-pv-custom-annotation-opacity-container .e-btn-icon.e-pv-annotation-opacity-icon.e-pv-icon {
   vertical-align: initial;
 }
 
@@ -2068,6 +2085,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-opacity-container,
 .e-pv-annotation-stroke-container,
 .e-pv-custom-annotation-thickness-container,
+.e-pv-custom-annotation-opacity-container,
 .e-pv-annotation-thickness-container,
 .e-pv-annotation-textcolor-container,
 .e-pv-annotation-textalign-container,
@@ -2167,6 +2185,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-opacity-container.e-dropdown-btn.e-btn,
 .e-pv-annotation-stroke-container.e-dropdown-btn.e-btn,
 .e-pv-custom-annotation-thickness-container.e-dropdown-btn.e-btn,
+.e-pv-custom-annotation-opacity-container.e-dropdown-btn.e-btn,
 .e-pv-annotation-thickness-container.e-dropdown-btn.e-btn,
 .e-pv-annotation-textcolor-container.e-dropdown-btn.e-btn,
 .e-pv-annotation-textalign-container.e-dropdown-btn.e-btn,
@@ -2179,6 +2198,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-opacity-container.e-dropdown-btn.e-button,
 .e-pv-annotation-stroke-container.e-dropdown-btn.e-button,
 .e-pv-custom-annotation-thickness-container.e-dropdown-btn.e-button,
+.e-pv-custom-annotation-opacity-container.e-dropdown-btn.e-button,
 .e-pv-annotation-thickness-container.e-dropdown-btn.e-bbuttontn,
 .e-pv-annotation-textcolor-container.e-dropdown-btn.e-button,
 .e-pv-annotation-textalign-container.e-dropdown-btn.e-button,
@@ -2217,6 +2237,10 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   max-width: 420px;
 }
 
+.e-pv-scale-ratio-dialog {
+  max-width: 500px;
+}
+
 .e-pv-line-styles-content,
 .e-pv-line-styles-item {
   border-bottom-color: #000;
@@ -2256,6 +2280,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-properties-line-opacity-container {
   float: left;
   height: auto;
+  width: 180px;
 }
 
 .e-pv-scale-ratio-src-input-container,
@@ -2334,7 +2359,10 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-properties-line-style,
 .e-pv-properties-line-thickness,
 .e-pv-properties-line-opacity,
-.e-pv-properties-line-leader-length,
+.e-pv-properties-line-leader-length {
+  max-width: 180px;
+}
+
 .e-pv-scale-ratio-src-input,
 .e-pv-scale-ratio-dest-input,
 .e-pv-depth-input {
@@ -2343,7 +2371,10 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 
 .e-pv-properties-line-start,
 .e-pv-properties-line-end,
-.e-pv-properties-line-style,
+.e-pv-properties-line-style {
+  width: 180px;
+}
+
 .e-pv-scale-ratio-src-unit,
 .e-pv-scale-ratio-dest-unit,
 .e-pv-depth-unit {
@@ -3375,8 +3406,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pv-properties-form-field-btn-textarea-container {
   display: -ms-flexbox;
   display: flex;
-  padding-top: 15px;
   width: 385px;
+  padding-top: 15px;
 }
 
 .e-pv-properties-dropdown-btn {