@syncfusion/ej2-angular-pdfviewer 23.2.7 → 24.1.41

package/styles/pdfviewer/_tailwind-definition.scss

@@ -11,6 +11,7 @@ $pv-icon-font-size: 16px !default;
 $pv-icon-margin: 7px 7.5px !default;
 $pv-icon-height: 18px !default;
 $pv-icon-width: 18px !default;
+$gantt-masked-table-background-color: rgba(225, 223, 221, 1) !default;
 $pv-toolbar-height: 38px !default;
 $pv-toolbar-border-width: 1px 1px 0 1px !default;
 $pv-toolbar-border-radius: 0 !default;
@@ -399,6 +400,7 @@ $pv-control-overflow: auto !default;
 $pv-control-touch-action: pan-x pan-y !default;
 $pv-page-container-touch-action: pan-x pan-y !default;
 $pv-page-div-border-style: solid !default;
+$pv-page-div-focus-style: rgb(0, 0, 0) 0 0 0 2px !default;
 $pv-page-div-border-color: $border-light !default;
 $pv-page-div-border-boxing: content-box !default;
 $pv-page-div-box-shadow: none !default;
@@ -503,6 +505,8 @@ $pv-comment-panel-bottom-color: $border-light !default;
 $pv-comments-content-container-bg: $content-bg-color-alt1 !default;
 $pv-comments-select-bg: $content-bg-color-hover !default;
 $pv-comments-hover-bg: $content-bg-color-hover !default;
+$pv-comments-div-focus-border: $shadow-focus-ring1 !default;
+$pv-comments-div-focus-background: $content-bg-color-focus !default;
 $pv-status-icon-color: $white !default;
 $pv-save-button-bg-color: $primary !default;
 $pv-save-button-color: $primary-text-color !default;

package/styles/pdfviewer/_theme.scss

@@ -122,6 +122,15 @@
     position: $pv-page-div-position;
   }
 
+  .e-pv-viewer-container .e-pv-page-div.e-focused {
+    box-shadow: $pv-page-div-focus-style;
+  }
+
+  .e-pv-viewer-container.e-focused
+  {
+    box-shadow: $pv-page-div-focus-style inset;
+  }
+
   .e-pv-toolbar,
   .e-pv-nav-toolbar,
   .e-pv-annotation-toolbar,
@@ -170,6 +179,29 @@
     display: none;
   }
 
+  .e-control.e-toolbar.e-lib.e-pv-annotation-toolbar.e-pv-toolbar-scroll.e-keyboard.e-toolpop .e-tbar-btn-text
+  {
+    display: none;
+  }
+
+  .e-dropdown-popup.e-control.e-pv-annotation-shapes-container .e-tbar-btn-text {
+    display: none;
+  }
+
+  .e-dropdown-popup.e-control.e-pv-annotation-calibrate-container .e-tbar-btn-text {
+    display: none;
+  }
+
+  .e-dropdown-popup.e-control.e-pv-annotation-textalign-container .e-tbar-btn-text
+  {
+    display: none;
+  }
+
+  .e-dropdown-popup.e-control.e-pv-annotation-textprop-container.e-caret-hide .e-tbar-btn-text
+  {
+    display: none;
+  }
+
   .e-pv-current-page-box.e-input-group.e-control-wrapper {
     height: $pv-current-page-height;
     @if $skin-name == 'bootstrap5' {
@@ -339,6 +371,12 @@
     }
   }
 
+  .e-pdfviewer .e-pv-open-document-icon .e-pv-icon .e-icons .e-btn-icon .e-icon-left {
+    @if $skin-name == 'FluentUI' {
+      padding: 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 {
     @if $skin-name == 'FluentUI' {
@@ -1026,6 +1064,30 @@
     padding: $pv-thumbnail-view-button-selection-padding;
   }
 
+  .e-pv-tbar-btn.e-pv-thumbnail-view-button.e-btn:focus
+  {
+    background: $pv-thumbnail-view-button-selection-background;
+    border: $pv-thumbnail-view-button-selection-border;
+    border-radius: $pv-thumbnail-border-selection-radius;
+    @if $skin-name == 'bootstrap4' {
+      color: $pv-thumbnail-border-selection-font-color;
+    }
+    line-height: $pv-thumbnail-view-button-selection-line-height;
+    padding: $pv-thumbnail-view-button-selection-padding;
+  }
+
+  .e-pv-tbar-btn.e-pv-bookmark-button.e-btn:focus
+  {
+    background: $pv-thumbnail-view-button-selection-background;
+    border: $pv-thumbnail-view-button-selection-border;
+    border-radius: $pv-thumbnail-border-selection-radius;
+    @if $skin-name == 'bootstrap4' {
+      color: $pv-thumbnail-border-selection-font-color;
+    }
+    line-height: $pv-thumbnail-view-button-selection-line-height;
+    padding: $pv-thumbnail-view-button-selection-padding;
+  }
+
   .e-bigger .e-pv-thumbnail-view-button-selection.e-pv-thumbnail-view-button.e-btn,
   .e-bigger .e-pv-bookmark-button-selection.e-pv-bookmark-button.e-btn  {
     @if $skin-name == 'bootstrap4' {
@@ -1861,19 +1923,31 @@
     font-size: 18px;
   }
 
-  .e-pv-annotation-color-container .e-btn,
-  .e-pv-annotation-opacity-container .e-btn,
-  .e-pv-annotation-stroke-container .e-btn,
-  .e-pv-custom-annotation-thickness-container .e-btn,
-  .e-pv-custom-annotation-opacity-container .e-btn,
-  .e-pv-annotation-thickness-container .e-btn,
-  .e-pv-annotation-textcolor-container .e-btn,
-  .e-pv-annotation-textalign-container .e-btn,
-  .e-pv-annotation-textprop-container .e-btn {
+  .e-pv-annotation-color-container.e-icon-btn,
+  .e-pv-annotation-opacity-container.e-icon-btn,
+  .e-pv-annotation-stroke-container.e-icon-btn,
+  .e-pv-custom-annotation-thickness-container.e-icon-btn,
+  .e-pv-custom-annotation-opacity-container.e-icon-btn,
+  .e-pv-annotation-thickness-container.e-icon-btn,
+  .e-pv-annotation-textcolor-container.e-icon-btn,
+  .e-pv-annotation-textalign-container.e-icon-btn,
+  .e-pv-annotation-textprop-container.e-icon-btn {
     height: $pv-annotation-drop-down-height;
     width: $pv-annotation-drop-down-width;
   }
 
+  .e-bigger .e-pv-annotation-color-container.e-icon-btn,
+  .e-bigger .e-pv-annotation-opacity-container.e-icon-btn,
+  .e-bigger .e-pv-annotation-stroke-container.e-icon-btn,
+  .e-bigger .e-pv-custom-annotation-thickness-container.e-icon-btn,
+  .e-bigger .e-pv-custom-annotation-opacity-container.e-icon-btn,
+  .e-bigger .e-pv-annotation-thickness-container.e-icon-btn,
+  .e-bigger .e-pv-annotation-textcolor-container.e-icon-btn,
+  .e-bigger .e-pv-annotation-textalign-container.e-icon-btn,
+  .e-bigger .e-pv-annotation-textprop-container.e-icon-btn {
+    white-space: nowrap;
+  }
+
   .e-pv-annotation-thickness-container.e-btn.e-icon-btn.e-dropdown-btn {
     @if ($skin-name != 'bootstrap5') {
       padding-top: $pv-annotation-thickness-drop-down-padding-top;
@@ -1973,6 +2047,35 @@
     }
   }
 
+  .e-pv-stamp.e-menu-wrapper ul .e-menu-item.e-focused:focus {
+    background-color: $pv-annotation-dropdown-background-color-hover;
+    border-color: $pv-annotation-dropdown-border-color-hover;
+    outline: none;
+    color: $pv-item-selection-color;
+  }
+
+  .e-pv-annotation-color-container.e-btn:focus,
+  .e-pv-annotation-opacity-container.e-btn:focus,
+  .e-pv-annotation-stroke-container.e-btn:focus,
+  .e-pv-annotation-thickness-container.e-btn:focus,
+  .e-pv-annotation-shapes-container.e-btn:focus,
+  .e-pv-annotation-calibrate-container.e-btn:focus,
+  .e-pv-annotation-textcolor-container.e-btn:focus,
+  .e-pv-annotation-textalign-container.e-btn:focus,
+  .e-pv-annotation-handwritten-container.e-btn:focus,
+  .e-pv-annotation-textprop-container.e-btn:focus {
+    @if $skin-name == 'Material3' {
+      background: $pv-annotation-dropdown-background-color-hover;
+      border: $pv-annotation-dropdown-border-color-hover;
+      outline: none;
+    }
+    @else {
+      background-color: $pv-annotation-dropdown-background-color-hover;
+      border-color: $pv-annotation-dropdown-border-color-hover;
+      outline: none;
+    }
+  }
+
   .e-pv-annotation-color-container.e-btn:active,
   .e-pv-annotation-opacity-container.e-btn:active,
   .e-pv-annotation-stroke-container.e-btn:active,
@@ -2974,6 +3077,17 @@
     }
   }
 
+  .e-pv-reply-div.e-pv-comments-leave.e-focused
+  {
+    border: $pv-comments-div-focus-border;
+    background: $pv-comments-div-focus-background;
+  }
+  
+  .e-pv-comments-div.e-focused {
+    border: $pv-comments-div-focus-border;
+    background: $pv-comments-div-focus-background;
+  }
+
   .e-pdfviewer .e-inplaceeditor .e-editable-action-buttons {
     float: right;
     padding-bottom: 7px;
@@ -3657,6 +3771,20 @@
     }
   }
 
+  .e-bigger .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item,
+  .e-bigger .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item .e-menu-icon,
+  .e-bigger .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item .e-caret {
+    @if ($skin-name == 'FluentUI') {
+      height: 32px;
+    }
+  }
+
+  .e-pv-mobile-annotation-toolbar .e-toolbar-items .e-hscroll-bar {
+    @if ($skin-name == 'FluentUI') {
+      overflow-y: hidden;
+    }
+  }
+
   .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item.e-focused:hover,
   .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item.e-selected {
     @if $skin-name == 'bootstrap5' {
@@ -4629,9 +4757,24 @@
   }
 
   .e-pv-annotation-toolbar.e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
+    justify-content: center;
     padding: 0 $pv-icon-padding-top;
   }
 
+  .e-pv-mobile-toolbar .e-mobile-more-option .e-pv-more-icon {
+    @if ($skin-name == 'bootstrap4') {
+      margin-left: 0 !important;/* stylelint-disable-line declaration-no-important */
+      width: 1em !important;/* stylelint-disable-line declaration-no-important */
+      line-height: 22px !important;/* stylelint-disable-line declaration-no-important */
+      padding: 0 !important;/* stylelint-disable-line declaration-no-important */
+    }
+    @else {
+      margin-left: 0 !important;/* stylelint-disable-line declaration-no-important */
+      width: 1em !important;/* stylelint-disable-line declaration-no-important */
+      line-height: 22px !important;/* stylelint-disable-line declaration-no-important */
+    }
+  }
+
   .e-pv-signature-window .e-dlg-content {
     @if ($skin-name == 'highcontrast') {
       padding: 16px;

package/styles/pdfviewer/bootstrap-dark.css

@@ -671,6 +671,14 @@ input.e-pv-input-password::-ms-reveal {
   position: absolute;
 }
 
+.e-pv-viewer-container .e-pv-page-div.e-focused {
+  box-shadow: #fff 0 0 0 2px;
+}
+
+.e-pv-viewer-container.e-focused {
+  box-shadow: #fff 0 0 0 2px inset;
+}
+
 .e-pv-toolbar,
 .e-pv-nav-toolbar,
 .e-pv-annotation-toolbar,
@@ -712,6 +720,26 @@ input.e-pv-input-password::-ms-reveal {
   display: none;
 }
 
+.e-control.e-toolbar.e-lib.e-pv-annotation-toolbar.e-pv-toolbar-scroll.e-keyboard.e-toolpop .e-tbar-btn-text {
+  display: none;
+}
+
+.e-dropdown-popup.e-control.e-pv-annotation-shapes-container .e-tbar-btn-text {
+  display: none;
+}
+
+.e-dropdown-popup.e-control.e-pv-annotation-calibrate-container .e-tbar-btn-text {
+  display: none;
+}
+
+.e-dropdown-popup.e-control.e-pv-annotation-textalign-container .e-tbar-btn-text {
+  display: none;
+}
+
+.e-dropdown-popup.e-control.e-pv-annotation-textprop-container.e-caret-hide .e-tbar-btn-text {
+  display: none;
+}
+
 .e-pv-current-page-box.e-input-group.e-control-wrapper {
   height: 30px;
   margin-top: 0;
@@ -1317,6 +1345,22 @@ input.e-pv-input-password::-ms-reveal {
   padding: 9px;
 }
 
+.e-pv-tbar-btn.e-pv-thumbnail-view-button.e-btn:focus {
+  background: #131313;
+  border: 0;
+  border-radius: 0;
+  line-height: 1em;
+  padding: 9px;
+}
+
+.e-pv-tbar-btn.e-pv-bookmark-button.e-btn:focus {
+  background: #131313;
+  border: 0;
+  border-radius: 0;
+  line-height: 1em;
+  padding: 9px;
+}
+
 .e-pv-bookmark-button.e-btn {
   background: transparent;
   border: none;
@@ -1814,19 +1858,31 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   font-size: 18px;
 }
 
-.e-pv-annotation-color-container .e-btn,
-.e-pv-annotation-opacity-container .e-btn,
-.e-pv-annotation-stroke-container .e-btn,
-.e-pv-custom-annotation-thickness-container .e-btn,
-.e-pv-custom-annotation-opacity-container .e-btn,
-.e-pv-annotation-thickness-container .e-btn,
-.e-pv-annotation-textcolor-container .e-btn,
-.e-pv-annotation-textalign-container .e-btn,
-.e-pv-annotation-textprop-container .e-btn {
+.e-pv-annotation-color-container.e-icon-btn,
+.e-pv-annotation-opacity-container.e-icon-btn,
+.e-pv-annotation-stroke-container.e-icon-btn,
+.e-pv-custom-annotation-thickness-container.e-icon-btn,
+.e-pv-custom-annotation-opacity-container.e-icon-btn,
+.e-pv-annotation-thickness-container.e-icon-btn,
+.e-pv-annotation-textcolor-container.e-icon-btn,
+.e-pv-annotation-textalign-container.e-icon-btn,
+.e-pv-annotation-textprop-container.e-icon-btn {
   height: 32px;
   width: 54px;
 }
 
+.e-bigger .e-pv-annotation-color-container.e-icon-btn,
+.e-bigger .e-pv-annotation-opacity-container.e-icon-btn,
+.e-bigger .e-pv-annotation-stroke-container.e-icon-btn,
+.e-bigger .e-pv-custom-annotation-thickness-container.e-icon-btn,
+.e-bigger .e-pv-custom-annotation-opacity-container.e-icon-btn,
+.e-bigger .e-pv-annotation-thickness-container.e-icon-btn,
+.e-bigger .e-pv-annotation-textcolor-container.e-icon-btn,
+.e-bigger .e-pv-annotation-textalign-container.e-icon-btn,
+.e-bigger .e-pv-annotation-textprop-container.e-icon-btn {
+  white-space: nowrap;
+}
+
 .e-pv-annotation-thickness-container.e-btn.e-icon-btn.e-dropdown-btn {
   padding-top: 8px;
 }
@@ -1890,6 +1946,28 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   border-color: #6e6e6e;
 }
 
+.e-pv-stamp.e-menu-wrapper ul .e-menu-item.e-focused:focus {
+  background-color: #313131;
+  border-color: #6e6e6e;
+  outline: none;
+  color: #0070f0;
+}
+
+.e-pv-annotation-color-container.e-btn:focus,
+.e-pv-annotation-opacity-container.e-btn:focus,
+.e-pv-annotation-stroke-container.e-btn:focus,
+.e-pv-annotation-thickness-container.e-btn:focus,
+.e-pv-annotation-shapes-container.e-btn:focus,
+.e-pv-annotation-calibrate-container.e-btn:focus,
+.e-pv-annotation-textcolor-container.e-btn:focus,
+.e-pv-annotation-textalign-container.e-btn:focus,
+.e-pv-annotation-handwritten-container.e-btn:focus,
+.e-pv-annotation-textprop-container.e-btn:focus {
+  background-color: #313131;
+  border-color: #6e6e6e;
+  outline: none;
+}
+
 .e-pv-annotation-color-container.e-btn:active,
 .e-pv-annotation-opacity-container.e-btn:active,
 .e-pv-annotation-stroke-container.e-btn:active,
@@ -2363,6 +2441,16 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   padding: 2px 8px 3px 32px;
 }
 
+.e-pv-reply-div.e-pv-comments-leave.e-focused {
+  border: none;
+  background: #2a2a2a;
+}
+
+.e-pv-comments-div.e-focused {
+  border: none;
+  background: #2a2a2a;
+}
+
 .e-pdfviewer .e-inplaceeditor .e-editable-action-buttons {
   float: right;
   padding-bottom: 7px;
@@ -3267,9 +3355,17 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 }
 
 .e-pv-annotation-toolbar.e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
+  -ms-flex-pack: center;
+      justify-content: center;
   padding: 0 7px;
 }
 
+.e-pv-mobile-toolbar .e-mobile-more-option .e-pv-more-icon {
+  margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
+  width: 1em !important; /* stylelint-disable-line declaration-no-important */
+  line-height: 22px !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-dialog.e-pv-signature-dialog-height {
   height: 570px;
 }

package/styles/pdfviewer/bootstrap.css

@@ -676,6 +676,14 @@ input.e-pv-input-password::-ms-reveal {
   position: absolute;
 }
 
+.e-pv-viewer-container .e-pv-page-div.e-focused {
+  box-shadow: rgb(0, 0, 0) 0 0 0 2px;
+}
+
+.e-pv-viewer-container.e-focused {
+  box-shadow: rgb(0, 0, 0) 0 0 0 2px inset;
+}
+
 .e-pv-toolbar,
 .e-pv-nav-toolbar,
 .e-pv-annotation-toolbar,
@@ -717,6 +725,26 @@ input.e-pv-input-password::-ms-reveal {
   display: none;
 }
 
+.e-control.e-toolbar.e-lib.e-pv-annotation-toolbar.e-pv-toolbar-scroll.e-keyboard.e-toolpop .e-tbar-btn-text {
+  display: none;
+}
+
+.e-dropdown-popup.e-control.e-pv-annotation-shapes-container .e-tbar-btn-text {
+  display: none;
+}
+
+.e-dropdown-popup.e-control.e-pv-annotation-calibrate-container .e-tbar-btn-text {
+  display: none;
+}
+
+.e-dropdown-popup.e-control.e-pv-annotation-textalign-container .e-tbar-btn-text {
+  display: none;
+}
+
+.e-dropdown-popup.e-control.e-pv-annotation-textprop-container.e-caret-hide .e-tbar-btn-text {
+  display: none;
+}
+
 .e-pv-current-page-box.e-input-group.e-control-wrapper {
   height: 30px;
   margin-top: 0;
@@ -1323,6 +1351,22 @@ input.e-pv-input-password::-ms-reveal {
   padding: 9px;
 }
 
+.e-pv-tbar-btn.e-pv-thumbnail-view-button.e-btn:focus {
+  background: #e6e6e6;
+  border: 1px solid #adadad;
+  border-radius: 4px;
+  line-height: 1em;
+  padding: 9px;
+}
+
+.e-pv-tbar-btn.e-pv-bookmark-button.e-btn:focus {
+  background: #e6e6e6;
+  border: 1px solid #adadad;
+  border-radius: 4px;
+  line-height: 1em;
+  padding: 9px;
+}
+
 .e-pv-bookmark-button.e-btn {
   background: transparent;
   border: none;
@@ -1820,19 +1864,31 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   font-size: 18px;
 }
 
-.e-pv-annotation-color-container .e-btn,
-.e-pv-annotation-opacity-container .e-btn,
-.e-pv-annotation-stroke-container .e-btn,
-.e-pv-custom-annotation-thickness-container .e-btn,
-.e-pv-custom-annotation-opacity-container .e-btn,
-.e-pv-annotation-thickness-container .e-btn,
-.e-pv-annotation-textcolor-container .e-btn,
-.e-pv-annotation-textalign-container .e-btn,
-.e-pv-annotation-textprop-container .e-btn {
+.e-pv-annotation-color-container.e-icon-btn,
+.e-pv-annotation-opacity-container.e-icon-btn,
+.e-pv-annotation-stroke-container.e-icon-btn,
+.e-pv-custom-annotation-thickness-container.e-icon-btn,
+.e-pv-custom-annotation-opacity-container.e-icon-btn,
+.e-pv-annotation-thickness-container.e-icon-btn,
+.e-pv-annotation-textcolor-container.e-icon-btn,
+.e-pv-annotation-textalign-container.e-icon-btn,
+.e-pv-annotation-textprop-container.e-icon-btn {
   height: 32px;
   width: 54px;
 }
 
+.e-bigger .e-pv-annotation-color-container.e-icon-btn,
+.e-bigger .e-pv-annotation-opacity-container.e-icon-btn,
+.e-bigger .e-pv-annotation-stroke-container.e-icon-btn,
+.e-bigger .e-pv-custom-annotation-thickness-container.e-icon-btn,
+.e-bigger .e-pv-custom-annotation-opacity-container.e-icon-btn,
+.e-bigger .e-pv-annotation-thickness-container.e-icon-btn,
+.e-bigger .e-pv-annotation-textcolor-container.e-icon-btn,
+.e-bigger .e-pv-annotation-textalign-container.e-icon-btn,
+.e-bigger .e-pv-annotation-textprop-container.e-icon-btn {
+  white-space: nowrap;
+}
+
 .e-pv-annotation-thickness-container.e-btn.e-icon-btn.e-dropdown-btn {
   padding-top: 8px;
 }
@@ -1896,6 +1952,28 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   border-color: #adadad;
 }
 
+.e-pv-stamp.e-menu-wrapper ul .e-menu-item.e-focused:focus {
+  background-color: #e6e6e6;
+  border-color: #adadad;
+  outline: none;
+  color: #333;
+}
+
+.e-pv-annotation-color-container.e-btn:focus,
+.e-pv-annotation-opacity-container.e-btn:focus,
+.e-pv-annotation-stroke-container.e-btn:focus,
+.e-pv-annotation-thickness-container.e-btn:focus,
+.e-pv-annotation-shapes-container.e-btn:focus,
+.e-pv-annotation-calibrate-container.e-btn:focus,
+.e-pv-annotation-textcolor-container.e-btn:focus,
+.e-pv-annotation-textalign-container.e-btn:focus,
+.e-pv-annotation-handwritten-container.e-btn:focus,
+.e-pv-annotation-textprop-container.e-btn:focus {
+  background-color: #e6e6e6;
+  border-color: #adadad;
+  outline: none;
+}
+
 .e-pv-annotation-color-container.e-btn:active,
 .e-pv-annotation-opacity-container.e-btn:active,
 .e-pv-annotation-stroke-container.e-btn:active,
@@ -2369,6 +2447,16 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   padding: 2px 8px 3px 32px;
 }
 
+.e-pv-reply-div.e-pv-comments-leave.e-focused {
+  border: none;
+  background: #e6e6e6;
+}
+
+.e-pv-comments-div.e-focused {
+  border: none;
+  background: #e6e6e6;
+}
+
 .e-pdfviewer .e-inplaceeditor .e-editable-action-buttons {
   float: right;
   padding-bottom: 7px;
@@ -3274,9 +3362,17 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 }
 
 .e-pv-annotation-toolbar.e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
+  -ms-flex-pack: center;
+      justify-content: center;
   padding: 0 7px;
 }
 
+.e-pv-mobile-toolbar .e-mobile-more-option .e-pv-more-icon {
+  margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
+  width: 1em !important; /* stylelint-disable-line declaration-no-important */
+  line-height: 22px !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-dialog.e-pv-signature-dialog-height {
   height: 565px;
 }