@syncfusion/ej2-react-pdfviewer 21.2.10 → 22.1.34

package/styles/bootstrap5-dark.css

@@ -603,13 +603,13 @@
 /* stylelint-disable value-no-vendor-prefix */
 /* stylelint-disable property-no-vendor-prefix */
 .e-pv-viewer-container {
-  background-color: #343a40;
   border-color: #343a40;
   height: 100%;
   overflow: auto;
   position: relative;
   -ms-touch-action: pan-x pan-y;
       touch-action: pan-x pan-y;
+  background-color: #343a40;
 }
 
 .e-pdfviewer.e-pv-mobile-view .e-pv-viewer-container::-webkit-scrollbar {
@@ -831,6 +831,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;
@@ -1909,6 +1914,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,
@@ -2208,13 +2219,14 @@ 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,
 .e-pv-properties-line-thickness-container {
   margin-left: 37px;
+  margin-left: 24px;
 }
 
 .e-pv-properties-line-leader-length-container {
@@ -2549,12 +2561,12 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 
 .e-pdfviewer .e-editable-value-wrapper {
   color: #e9ecef;
-  color: #ced4da;
-  font-size: 14px;
-  font-size: 12px;
   line-height: normal;
   min-height: 22px;
   padding: 2px 8px 3px;
+  color: #ced4da;
+  font-size: 14px;
+  font-size: 12px;
 }
 
 .e-pdfviewer .e-pv-comment-textbox .e-editable-value-wrapper {
@@ -2656,11 +2668,11 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 
 .e-pv-comment-panel-title-container {
   background-color: #282d31;
-  border-color: #444c54;
   border-style: double;
   border-width: 0 1px 1px 0;
   height: 45px;
   position: relative;
+  border-color: #444c54;
 }
 
 .e-pv-comment-panel-title {
@@ -2669,9 +2681,9 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   font-size: 16px;
   font-weight: 500;
   left: 15px;
+  top: 14px;
   position: absolute;
   text-align: left;
-  top: 14px;
 }
 
 .e-pv-comment-panel-title-close-div.e-btn {
@@ -2717,13 +2729,13 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 
 .e-pv-comment-title {
   color: #0d6efd;
+  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;
 }
 
@@ -2867,8 +2879,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 {
@@ -3177,8 +3189,6 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pv-left-align-icon-div:hover,
 .e-pv-center-align-icon-div:hover,
 .e-pv-right-align-icon-div:hover {
-  background-color: #5c636a;
-  border-color: #565e64;
   background-color: #565e64;
   border-color: #565e64;
   color: #fff;
@@ -3191,8 +3201,6 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pv-left-align-icon-div:active,
 .e-pv-center-align-icon-div:active,
 .e-pv-right-align-icon-div:active {
-  background-color: #343a40;
-  border-color: #343a40;
   background-color: #565e64;
   border-color: #565e64;
   color: #fff;
@@ -3204,6 +3212,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 {
@@ -3396,7 +3410,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   color: #fff;
 }
 
-.e-pv-formfield-li-element:hover {
+.e-pv-formfield-li-element:hover:not(.e-pv-li-select) {
   background-color: #0d6efd;
   color: #fff;
 }
@@ -3484,6 +3498,38 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   height: 32px;
 }
 
+.e-bigger .e-pv-properties-form-field-font-style {
+  background: #212529;
+  border-radius: 4px;
+  display: -ms-flexbox;
+  display: flex;
+  height: 36px;
+  -ms-flex-pack: space-evenly;
+      justify-content: space-evenly;
+  width: 154px;
+  -ms-flex-align: center;
+      align-items: center;
+  border: 1px solid #444c54;
+  height: 32px;
+  width: 163px;
+}
+
+.e-bigger .e-pv-properties-form-field-font-align {
+  background: #212529;
+  border-radius: 4px;
+  display: -ms-flexbox;
+  display: flex;
+  height: 36px;
+  -ms-flex-pack: space-evenly;
+      justify-content: space-evenly;
+  margin-right: 15px;
+  width: 120px;
+  -ms-flex-align: center;
+      align-items: center;
+  border: 1px solid #444c54;
+  height: 32px;
+}
+
 .e-pv-properties-formfield-label {
   color: #e9ecef;
   font-family: "Roboto";
@@ -3537,6 +3583,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: 530px;
 }

package/styles/bootstrap5.css

@@ -603,13 +603,13 @@
 /* stylelint-disable value-no-vendor-prefix */
 /* stylelint-disable property-no-vendor-prefix */
 .e-pv-viewer-container {
-  background-color: #e9ecef;
   border-color: #e9ecef;
   height: 100%;
   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 {
@@ -831,6 +831,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;
@@ -1909,6 +1914,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,
@@ -2208,13 +2219,14 @@ 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,
 .e-pv-properties-line-thickness-container {
   margin-left: 37px;
+  margin-left: 24px;
 }
 
 .e-pv-properties-line-leader-length-container {
@@ -2549,12 +2561,12 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 
 .e-pdfviewer .e-editable-value-wrapper {
   color: #343a40;
-  color: #495057;
-  font-size: 14px;
-  font-size: 12px;
   line-height: normal;
   min-height: 22px;
   padding: 2px 8px 3px;
+  color: #495057;
+  font-size: 14px;
+  font-size: 12px;
 }
 
 .e-pdfviewer .e-pv-comment-textbox .e-editable-value-wrapper {
@@ -2656,11 +2668,11 @@ 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 {
@@ -2669,9 +2681,9 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   font-size: 16px;
   font-weight: 500;
   left: 15px;
+  top: 14px;
   position: absolute;
   text-align: left;
-  top: 14px;
 }
 
 .e-pv-comment-panel-title-close-div.e-btn {
@@ -2717,13 +2729,13 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 
 .e-pv-comment-title {
   color: #0d6efd;
+  padding-left: 32px;
+  padding-top: 7px;
   color: #212529;
   font-size: 14px;
   font-size: 12px;
   font-weight: 500;
   max-width: 237px;
-  padding-left: 32px;
-  padding-top: 7px;
   position: absolute;
 }
 
@@ -2867,8 +2879,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 {
@@ -3177,8 +3189,6 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pv-left-align-icon-div:hover,
 .e-pv-center-align-icon-div:hover,
 .e-pv-right-align-icon-div:hover {
-  background-color: #5c636a;
-  border-color: #565e64;
   background-color: #565e64;
   border-color: #565e64;
   color: #fff;
@@ -3191,8 +3201,6 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pv-left-align-icon-div:active,
 .e-pv-center-align-icon-div:active,
 .e-pv-right-align-icon-div:active {
-  background-color: #e9ecef;
-  border-color: #e9ecef;
   background-color: #565e64;
   border-color: #565e64;
   color: #fff;
@@ -3204,6 +3212,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 {
@@ -3396,7 +3410,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   color: #fff;
 }
 
-.e-pv-formfield-li-element:hover {
+.e-pv-formfield-li-element:hover:not(.e-pv-li-select) {
   background-color: #0d6efd;
   color: #fff;
 }
@@ -3484,6 +3498,38 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   height: 32px;
 }
 
+.e-bigger .e-pv-properties-form-field-font-style {
+  background: #fff;
+  border-radius: 4px;
+  display: -ms-flexbox;
+  display: flex;
+  height: 36px;
+  -ms-flex-pack: space-evenly;
+      justify-content: space-evenly;
+  width: 154px;
+  -ms-flex-align: center;
+      align-items: center;
+  border: 1px solid #dee2e6;
+  height: 32px;
+  width: 163px;
+}
+
+.e-bigger .e-pv-properties-form-field-font-align {
+  background: #fff;
+  border-radius: 4px;
+  display: -ms-flexbox;
+  display: flex;
+  height: 36px;
+  -ms-flex-pack: space-evenly;
+      justify-content: space-evenly;
+  margin-right: 15px;
+  width: 120px;
+  -ms-flex-align: center;
+      align-items: center;
+  border: 1px solid #dee2e6;
+  height: 32px;
+}
+
 .e-pv-properties-formfield-label {
   color: #343a40;
   font-family: "Roboto";
@@ -3537,6 +3583,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: 530px;
 }

package/styles/fabric-dark.css

@@ -605,13 +605,13 @@
 /* stylelint-disable value-no-vendor-prefix */
 /* stylelint-disable property-no-vendor-prefix */
 .e-pv-viewer-container {
-  background-color: #201f1f;
   border-color: #6f6c6c;
   height: calc(100% - 50px);
   overflow: auto;
   position: relative;
   -ms-touch-action: pan-x pan-y;
       touch-action: pan-x pan-y;
+  background-color: #201f1f;
 }
 
 .e-pdfviewer.e-pv-mobile-view .e-pv-viewer-container::-webkit-scrollbar {
@@ -824,6 +824,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;
@@ -1811,6 +1816,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,
@@ -2066,8 +2077,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,
@@ -2346,10 +2357,10 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 
 .e-pdfviewer .e-editable-value-wrapper {
   color: rgba(218, 218, 218, 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 {
@@ -2453,20 +2464,20 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 
 .e-pv-comment-panel-title-container {
   background-color: #333232;
-  border-color: #6f6c6c;
   border-style: double;
   border-width: 0 1px 1px 0;
   height: 45px;
   position: relative;
+  border-color: #6f6c6c;
 }
 
 .e-pv-comment-panel-title {
   color: rgba(218, 218, 218, 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 {
@@ -2514,10 +2525,10 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 
 .e-pv-comment-title {
   color: rgba(218, 218, 218, 0.6);
-  font-size: 14px;
-  max-width: 237px;
   padding-left: 32px;
   padding-top: 5px;
+  font-size: 14px;
+  max-width: 237px;
   position: absolute;
 }
 
@@ -2656,8 +2667,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 {
@@ -2950,6 +2961,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 {
@@ -3114,7 +3131,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   background-color: #6f6c6c;
 }
 
-.e-pv-formfield-li-element:hover {
+.e-pv-formfield-li-element:hover:not(.e-pv-li-select) {
   background-color: #6f6c6c;
 }
 
@@ -3190,6 +3207,29 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   width: 120px;
 }
 
+.e-bigger .e-pv-properties-form-field-font-style {
+  background: #414040;
+  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: #414040;
+  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";
@@ -3241,6 +3281,10 @@ 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;
 }