@syncfusion/ej2-vue-pdfviewer 19.4.43 → 19.4.53

package/styles/pdfviewer/bootstrap5.css

@@ -893,6 +893,17 @@ input.e-pv-input-password::-ms-reveal {
   padding: 0 4px;
 }
 
+.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 {
@@ -1304,7 +1315,7 @@ input.e-pv-input-password::-ms-reveal {
   font-size: 14px;
   font-weight: 500;
   height: 40px;
-  line-height: 40px;
+  line-height: 38px;
   margin: 0;
   position: absolute;
   text-align: left;
@@ -1342,7 +1353,10 @@ input.e-pv-input-password::-ms-reveal {
   top: 38px;
   width: 202px;
   z-index: 103;
-  border: 1px solid #dee2e6;
+}
+
+.e-pv-thumbnail-anchor-node:hover {
+  text-decoration: auto;
 }
 
 .e-pv-sidebar-content.e-thumbnail {
@@ -1432,7 +1446,7 @@ input.e-pv-input-password::-ms-reveal {
   box-shadow: none;
   height: 40px;
   left: 0;
-  line-height: 40px;
+  line-height: 38px;
   padding: 1px;
   position: absolute;
   right: 0;
@@ -1462,7 +1476,7 @@ input.e-pv-input-password::-ms-reveal {
 .e-pv-thumbnail-view {
   bottom: 0;
   height: 50%;
-  padding: 8px 30px 0;
+  padding: 8px 24px 0;
   position: absolute;
   top: 0;
 }
@@ -1544,15 +1558,19 @@ input.e-pv-input-password::-ms-reveal {
 .e-pv-bookmark-view {
   height: 100%;
   overflow: auto;
-  padding-top: 15px;
+  padding-top: 0;
   position: relative;
 }
 
 div > .e-pv-bookmark-icon.e-pv-icon {
   float: left;
   font-size: 14px;
-  padding-left: 6px;
-  padding-right: 18px;
+  padding-left: 0;
+  padding-right: 16px;
+}
+
+.e-pv-bookmark-title {
+  padding-left: 30px;
 }
 
 .e-pv-sidebar-bookmark-title {
@@ -1623,6 +1641,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: #6c757d;
   box-shadow: none;
@@ -1901,8 +1921,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 {
   padding-top: 0;
   vertical-align: initial;
 }
@@ -1962,6 +1982,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,
@@ -2058,14 +2079,15 @@ 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,
 .e-pv-annotation-textprop-container.e-dropdown-btn.e-btn {
   line-height: 1.6em;
-  padding: 8px 7px 6px;
-  -ms-flex-align: baseline;
-      align-items: baseline;
+  padding: 10px 7px 7px;
+  -ms-flex-align: center;
+      align-items: center;
   display: -ms-flexbox;
   display: flex;
 }
@@ -2074,12 +2096,13 @@ 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,
 .e-pv-annotation-textprop-container.e-dropdown-btn.e-button {
   line-height: 1.6em;
-  padding: 8px 7px 6px;
+  padding: 10px 7px 7px;
   -ms-flex-align: baseline;
       align-items: baseline;
   display: -ms-flexbox;
@@ -2094,6 +2117,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-textcolor-container.e-btn.e-active,
 .e-pv-annotation-textprop-container.e-btn.e-active,
 .e-pv-custom-annotation-thickness-container.e-btn.e-active,
+.e-pv-custom-annotation-opacity-container.e-btn.e-active,
 .e-pv-annotation-handwritten-container.e-btn.e-active,
 .e-pv-annotation-textalign-container.e-btn.e-active {
   background-color: #5c636a;
@@ -2108,6 +2132,13 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   padding: 0 8px;
 }
 
+.e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item .e-menu-icon .e-caret,
+.e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item.e-focused .e-menu-icon .e-caret {
+  height: 32px;
+  line-height: 32px;
+  padding: 0 8px;
+}
+
 .e-pv-submit .e-tbar-btn {
   height: 30px;
 }
@@ -2139,7 +2170,11 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 }
 
 .e-pv-scale-ratio-window {
-  max-width: 408px;
+  max-width: 476px;
+}
+
+.e-pv-scale-ratio-dialog {
+  max-width: 476px;
 }
 
 .e-pv-line-styles-content,
@@ -2186,6 +2221,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,
@@ -2195,20 +2231,20 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-depth-input-container,
 .e-pv-depth-unit-container {
   float: left;
-  height: 24px;
+  height: 32px;
 }
 
 .e-pv-scale-ratio-src-input-container,
 .e-pv-scale-ratio-src-unit-container,
 .e-pv-scale-ratio-dest-input-container,
 .e-pv-scale-ratio-dest-unit-container {
-  margin-bottom: 24px;
+  margin-bottom: 8px;
 }
 
 .e-pv-scale-ratio-src-unit-container,
 .e-pv-scale-ratio-dest-unit-container,
 .e-pv-depth-unit-container {
-  margin-left: 10px;
+  margin-left: 12px;
 }
 
 .e-pv-scale-ratio-src-unit.e-btn,
@@ -2225,8 +2261,8 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-scale-ratio-src-unit .e-caret,
 .e-pv-scale-ratio-dest-unit .e-caret,
 .e-pv-depth-unit .e-caret {
-  margin-left: 96px;
-  margin-top: 4px;
+  margin-left: 120px;
+  margin-top: 7px;
 }
 
 .e-pv-properties-line-opacity {
@@ -2264,20 +2300,26 @@ 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 {
-  max-width: 180px;
+  max-width: 232px;
 }
 
 .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 {
-  width: 180px;
+  width: 203px;
 }
 
 .e-pv-line-styles-container {
@@ -2369,7 +2411,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
       align-items: baseline;
   display: -ms-flexbox;
   display: flex;
-  padding: 3px 8px;
+  padding: 0 8px;
 }
 
 .e-pv-annotation-shapes-container .e-btn-icon.e-icons.e-icon-right.e-caret,
@@ -2558,7 +2600,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pdfviewer .e-treeview.e-fullrow-wrap .e-icon-expandable,
 .e-pdfviewer .e-treeview.e-fullrow-wrap .e-input,
 .e-pdfviewer .e-treeview.e-fullrow-wrap .e-list-url {
-  margin-top: 3px;
+  margin-top: 6px;
   position: absolute;
 }
 
@@ -3200,8 +3242,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   width: 54px;
   -ms-flex-line-pack: center;
       align-content: center;
-  -ms-flex-align: baseline;
-      align-items: baseline;
+  -ms-flex-align: center;
+      align-items: center;
   box-shadow: none;
   display: -ms-flexbox;
   display: flex;
@@ -3336,8 +3378,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/pdfviewer/fabric-dark.css

@@ -885,6 +885,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 {
@@ -1316,6 +1327,10 @@ input.e-pv-input-password::-ms-reveal {
   z-index: 103;
 }
 
+.e-pv-thumbnail-anchor-node:hover {
+  text-decoration: auto;
+}
+
 .e-pv-sidebar-content.e-thumbnail {
   top: 1px;
 }
@@ -1511,6 +1526,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;
@@ -1579,6 +1598,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: #dadada;
 }
@@ -1802,8 +1823,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;
 }
 
@@ -1862,6 +1883,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,
@@ -1961,6 +1983,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,
@@ -1973,6 +1996,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,
@@ -2011,6 +2035,10 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   max-width: 436px;
 }
 
+.e-pv-scale-ratio-dialog {
+  max-width: 500px;
+}
+
 .e-pv-line-styles-content,
 .e-pv-line-styles-item {
   border-bottom-color: #000;
@@ -2050,6 +2078,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,
@@ -2128,7 +2157,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 {
@@ -2137,7 +2169,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 +3098,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/pdfviewer/fabric.css

@@ -889,6 +889,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 {
@@ -1320,6 +1331,10 @@ input.e-pv-input-password::-ms-reveal {
   z-index: 103;
 }
 
+.e-pv-thumbnail-anchor-node:hover {
+  text-decoration: auto;
+}
+
 .e-pv-sidebar-content.e-thumbnail {
   top: 1px;
 }
@@ -1515,6 +1530,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;
@@ -1583,6 +1602,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: #000;
 }
@@ -1810,8 +1831,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;
 }
 
@@ -1870,6 +1891,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,
@@ -1969,6 +1991,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,
@@ -1981,6 +2004,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,
@@ -2019,6 +2043,10 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   max-width: 436px;
 }
 
+.e-pv-scale-ratio-dialog {
+  max-width: 500px;
+}
+
 .e-pv-line-styles-content,
 .e-pv-line-styles-item {
   border-bottom-color: #000;
@@ -2058,6 +2086,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,
@@ -2136,7 +2165,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 {
@@ -2145,7 +2177,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 {
@@ -3073,8 +3108,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/pdfviewer/highcontrast-light.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 {
@@ -1303,6 +1314,10 @@ input.e-pv-input-password::-ms-reveal {
   z-index: 103;
 }
 
+.e-pv-thumbnail-anchor-node:hover {
+  text-decoration: auto;
+}
+
 .e-pv-sidebar-content.e-thumbnail {
   top: 1px;
 }
@@ -1498,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;
@@ -1566,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: #000;
 }
@@ -1789,8 +1810,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;
 }
 
@@ -1849,6 +1870,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,
@@ -1948,6 +1970,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,
@@ -1960,6 +1983,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,
@@ -1998,6 +2022,10 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   max-width: 436px;
 }
 
+.e-pv-scale-ratio-dialog {
+  max-width: 500px;
+}
+
 .e-pv-line-styles-content,
 .e-pv-line-styles-item {
   border-bottom-color: #000;
@@ -2037,6 +2065,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,
@@ -2115,7 +2144,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 {
@@ -2124,7 +2156,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 {
@@ -3050,8 +3085,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 {