@syncfusion/ej2-vue-documenteditor 21.1.35 → 21.1.36

package/styles/bootstrap5.css

@@ -46,6 +46,7 @@
   color: #6c757d;
   content: "\e8bc";
   font-family: "e-icons";
+  font-size: 14px;
 }
 .e-documenteditor .e-de-cmt-post::before {
   content: "\e71d";
@@ -2497,6 +2498,11 @@ label[for*=_wholeWord_e-de-rtl] {
   margin-left: 6px;
 }
 
+.e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog .e-de-style-font-color-picker button {
+  height: 40px !important;
+  width: auto !important;
+}
+
 .e-de-style-bold-button-size {
   margin-left: 6px;
 }
@@ -3409,6 +3415,7 @@ label[for*=_wholeWord_e-de-rtl] {
 
 .e-de-cp-option.e-btn.e-icon-btn span {
   margin-top: 0px;
+  background: #f8f9fa;
 }
 
 .e-de-cmt-view:hover .e-de-cp-option {
@@ -4340,6 +4347,21 @@ label[for*=_wholeWord_e-de-rtl] {
   font-family: "e-icons";
 }
 
+.e-de-e-paragraph-style-mark::before {
+  content: "\e844";
+  font-family: "e-icons";
+}
+
+.e-de-e-character-style-mark::before {
+  content: "\e8bf";
+  font-family: "e-icons";
+}
+
+.e-de-e-linked-style-mark::before {
+  content: "\e8c0";
+  font-family: "e-icons";
+}
+
 .e-de-ctnr-columns::before {
   content: "\e8b4";
   font-family: "e-icons";
@@ -4472,6 +4494,46 @@ label[for*=_wholeWord_e-de-rtl] {
   height: 100%;
 }
 
+.e-de-prop-pane .e-de-ctnr-group-btn.e-btn-group:not(.e-outline) {
+  box-shadow: none;
+  height: 31px;
+}
+.e-de-prop-pane .e-de-ctnr-group-btn.e-btn-group:not(.e-outline):focus {
+  box-shadow: none;
+}
+.e-de-prop-pane .e-de-ctnr-group-btn.e-btn-group:not(.e-outline):active {
+  box-shadow: none;
+}
+.e-de-prop-pane .e-de-ctnr-group-btn.e-btn-group:not(.e-outline):hover {
+  box-shadow: none;
+}
+
+.e-de-ctnr-group-btn-middle button {
+  border-radius: 0px;
+}
+
+.de-tbl-fill-clr .e-dropdown-btn.e-btn {
+  box-shadow: none;
+}
+
+.e-de-prop-pane .e-de-ctnr-group-btn button,
+.e-de-ctn .e-de-status-bar button {
+  box-shadow: none;
+  height: 31px;
+}
+.e-de-prop-pane .e-de-ctnr-group-btn button:focus,
+.e-de-ctn .e-de-status-bar button:focus {
+  box-shadow: none;
+}
+.e-de-prop-pane .e-de-ctnr-group-btn button:active,
+.e-de-ctn .e-de-status-bar button:active {
+  box-shadow: none;
+}
+.e-de-prop-pane .e-de-ctnr-group-btn button:hover,
+.e-de-ctn .e-de-status-bar button:hover {
+  box-shadow: none;
+}
+
 .e-de-statusbar-pageweb {
   background: #f8f9fa;
   border: 0;
@@ -4507,7 +4569,10 @@ label[for*=_wholeWord_e-de-rtl] {
 }
 
 .e-de-listview-icon {
+  height: auto;
+  width: auto;
   line-height: 22px;
+  margin-right: 12px;
 }
 
 .e-de-linespacing {
@@ -4607,14 +4672,22 @@ label[for*=_wholeWord_e-de-rtl] {
 .e-de-statusbar-separator {
   border-left: 1px solid #dee2e6;
   height: 16px;
-  margin-left: 0;
+  margin-left: 7.5px;
+  margin-right: 7.5px;
+  margin-top: 6px;
+}
+
+.e-bigger .e-de-statusbar-separator {
+  border-left: 1px solid #dee2e6;
+  height: 16px;
+  margin-left: 7.5px;
+  margin-right: 7.5px;
   margin-top: 6px;
 }
 
 .e-de-statusbar-spellcheck {
   border-radius: 2px;
   font-weight: 400;
-  margin-left: 7.5px;
 }
 
 .e-de-ctn {
@@ -4627,7 +4700,6 @@ label[for*=_wholeWord_e-de-rtl] {
 
 .e-bigger .e-de-statusbar-spellcheck {
   border-radius: 2px;
-  margin-left: 7.5px;
 }
 
 .e-de-ctnr-toolbar {
@@ -5035,6 +5107,7 @@ label[for*=_wholeWord_e-de-rtl] {
 }
 
 .e-de-review-pane {
+  background: #f8f9fa;
   border-left: 1px solid #ced4da;
   height: 100%;
   min-height: 200px;
@@ -5052,34 +5125,6 @@ label[for*=_wholeWord_e-de-rtl] {
   width: 306px;
 }
 
-.e-de-ctnr-group-btn.e-btn-group:not(.e-outline) {
-  box-shadow: none;
-  height: 31px;
-}
-.e-de-ctnr-group-btn.e-btn-group:not(.e-outline):focus {
-  box-shadow: none;
-}
-.e-de-ctnr-group-btn.e-btn-group:not(.e-outline):active {
-  box-shadow: none;
-}
-.e-de-ctnr-group-btn.e-btn-group:not(.e-outline):hover {
-  box-shadow: none;
-}
-
-.e-de-ctnr-group-btn button {
-  box-shadow: none;
-  height: 31px;
-}
-.e-de-ctnr-group-btn button:focus {
-  box-shadow: none;
-}
-.e-de-ctnr-group-btn button:active {
-  box-shadow: none;
-}
-.e-de-ctnr-group-btn button:hover {
-  box-shadow: none;
-}
-
 .e-de-property-div-padding {
   border-bottom: 0.5px solid #dee2e6;
   padding: 12px;
@@ -5212,7 +5257,7 @@ label[for*=_wholeWord_e-de-rtl] {
 }
 
 .e-de-list-header-presetmenu .e-de-list-line {
-  border-bottom: 1px solid #6c757d;
+  border-bottom: 1px solid #6c757d !important;
   margin-left: 5px;
   width: 100%;
 }
@@ -5281,10 +5326,10 @@ label[for*=_wholeWord_e-de-rtl] {
 }
 
 .e-de-list-container {
-  background: #f8f9fa;
   border: 1px solid #ccc;
   border-radius: 2px;
   box-shadow: 0 0 14px rgba(0, 0, 0, 0.2);
+  background: #f8f9fa;
   box-sizing: border-box;
   display: inline-block;
   line-height: normal;
@@ -5557,7 +5602,7 @@ label[for*=_wholeWord_e-de-rtl] {
 }
 
 .e-de-grp-btn-ctnr .e-de-ctnr-group-btn {
-  height: 38px !important;
+  height: 36px !important;
 }
 
 .e-bigger .e-de-grp-btn-ctnr .e-de-ctnr-group-btn {
@@ -5584,7 +5629,10 @@ label[for*=_wholeWord_e-de-rtl] {
   margin-left: 12px;
 }
 .e-rtl .e-de-listview-icon {
+  height: auto;
+  width: auto;
   line-height: 22px;
+  margin-left: 12px;
 }
 
 .e-bigger .de-split-button > div:first-child {
@@ -5707,7 +5755,6 @@ label[for*=_wholeWord_e-de-rtl] {
   height: 81px;
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-separator {
-  height: 25px;
   margin: 0 16px;
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-toolbar-btn-start {
@@ -5810,6 +5857,19 @@ label[for*=_wholeWord_e-de-rtl] {
 .e-bigger .e-de-ctnr-group-btn.e-btn-group:not(.e-outline):hover {
   box-shadow: none;
 }
+.e-bigger .e-de-status-bar button {
+  height: 38px;
+  box-shadow: none;
+}
+.e-bigger .e-de-status-bar button:focus {
+  box-shadow: none;
+}
+.e-bigger .e-de-status-bar button:active {
+  box-shadow: none;
+}
+.e-bigger .e-de-status-bar button:hover {
+  box-shadow: none;
+}
 .e-bigger .e-de-ctnr-group-btn button {
   box-shadow: none;
   height: 38px;
@@ -5924,18 +5984,18 @@ label[for*=_wholeWord_e-de-rtl] {
   margin-left: 10px;
 }
 .e-bigger .e-de-status-bar {
-  background-color: #f8f9fa;
+  background: #f8f9fa;
   display: -ms-flexbox;
   display: flex;
   padding-top: 5px;
   width: 100%;
 }
 .e-bigger .e-de-statusbar-zoom {
-  background-color: #f8f9fa;
   border: 0;
   color: #495057;
   float: right;
   height: 34px;
+  background-color: #f8f9fa;
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text {
   line-height: 25px;
@@ -5951,7 +6011,10 @@ label[for*=_wholeWord_e-de-rtl] {
   margin-right: 16px;
 }
 .e-bigger .e-de-listview-icon {
+  height: auto;
+  width: auto;
   line-height: 22px;
+  margin-right: 16px;
 }
 .e-bigger .e-rtl .e-listview .e-list-icon {
   height: 24px;
@@ -5959,7 +6022,10 @@ label[for*=_wholeWord_e-de-rtl] {
   margin-left: 16px;
 }
 .e-bigger .e-rtl .e-de-listview-icon {
+  height: auto;
+  width: auto;
   line-height: 22px;
+  margin-left: 16px;
 }
 
 .e-de-ctn .e-de-bzr-button {

package/styles/document-editor/bootstrap-dark.css

@@ -46,6 +46,7 @@
 .e-documenteditor .e-de-multi-cmt-mark::before {
   content: "\e98a";
   font-family: "e-icons";
+  font-size: 14px;
 }
 .e-documenteditor .e-de-cmt-post::before {
   content: "\e816";
@@ -2350,6 +2351,11 @@ label[for*=_wholeWord_e-de-rtl] {
   height: 35px;
 }
 
+.e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog .e-de-style-font-color-picker button {
+  height: 40px !important;
+  width: auto !important;
+}
+
 .e-de-style-bold-button-size {
   margin-left: 8px;
   margin-right: 8px;
@@ -3310,6 +3316,7 @@ label[for*=_wholeWord_e-de-rtl] {
 
 .e-de-cp-option.e-btn.e-icon-btn span {
   margin-top: 0px;
+  background: #1a1a1a;
 }
 
 .e-de-cmt-view:hover .e-de-cp-option {

package/styles/document-editor/bootstrap.css

@@ -46,6 +46,7 @@
 .e-documenteditor .e-de-multi-cmt-mark::before {
   content: "\e98a";
   font-family: "e-icons";
+  font-size: 14px;
 }
 .e-documenteditor .e-de-cmt-post::before {
   content: "\e816";
@@ -2346,6 +2347,11 @@ label[for*=_wholeWord_e-de-rtl] {
   height: 35px;
 }
 
+.e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog .e-de-style-font-color-picker button {
+  height: 40px !important;
+  width: auto !important;
+}
+
 .e-de-style-bold-button-size {
   margin-left: 8px;
   margin-right: 8px;
@@ -3209,6 +3215,10 @@ label[for*=_wholeWord_e-de-rtl] {
   font-weight: normal;
 }
 
+.e-de-track-toolbar .e-de-track-pane-drop-btn {
+  padding-top: 4px !important;
+}
+
 .e-toolbar-item.e-de-track-toolbar-overlay.e-template.e-overlay {
   opacity: 1;
   font-weight: normal;
@@ -3307,6 +3317,7 @@ label[for*=_wholeWord_e-de-rtl] {
 
 .e-de-cp-option.e-btn.e-icon-btn span {
   margin-top: 0px;
+  background: #fff;
 }
 
 .e-de-cmt-view:hover .e-de-cp-option {

package/styles/document-editor/bootstrap4.css

@@ -46,6 +46,7 @@
 .e-documenteditor .e-de-multi-cmt-mark::before {
   content: "\e978";
   font-family: "e-icons";
+  font-size: 14px;
 }
 .e-documenteditor .e-de-cmt-post::before {
   content: "\e816";
@@ -1728,6 +1729,14 @@ label[for*=_wholeWord_e-de-rtl] {
   margin-top: 0 !important;
 }
 
+.e-de-bookmark .e-bookmark-textbox-input {
+  box-sizing: border-box !important;
+}
+
+.e-de-cp-option {
+  background: transparent;
+}
+
 .e-styles-common {
   padding-top: 14px;
 }
@@ -2486,6 +2495,11 @@ label[for*=_wholeWord_e-de-rtl] {
   height: 35px;
 }
 
+.e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog .e-de-style-font-color-picker button {
+  height: 40px !important;
+  width: auto !important;
+}
+
 .e-de-style-bold-button-size {
   margin-left: 8px;
   margin-right: 8px;
@@ -3454,6 +3468,7 @@ label[for*=_wholeWord_e-de-rtl] {
 
 .e-de-cp-option.e-btn.e-icon-btn span {
   margin-top: 0px;
+  background: #f8f9fa;
 }
 
 .e-de-cmt-view:hover .e-de-cp-option {

package/styles/document-editor/bootstrap5-dark.css

@@ -46,6 +46,7 @@
   color: #adb5bd;
   content: "\e8bc";
   font-family: "e-icons";
+  font-size: 14px;
 }
 .e-documenteditor .e-de-cmt-post::before {
   content: "\e71d";
@@ -2497,6 +2498,11 @@ label[for*=_wholeWord_e-de-rtl] {
   margin-left: 6px;
 }
 
+.e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog .e-de-style-font-color-picker button {
+  height: 40px !important;
+  width: auto !important;
+}
+
 .e-de-style-bold-button-size {
   margin-left: 6px;
 }
@@ -3409,6 +3415,7 @@ label[for*=_wholeWord_e-de-rtl] {
 
 .e-de-cp-option.e-btn.e-icon-btn span {
   margin-top: 0px;
+  background: #282d31;
 }
 
 .e-de-cmt-view:hover .e-de-cp-option {

package/styles/document-editor/bootstrap5.css

@@ -46,6 +46,7 @@
   color: #6c757d;
   content: "\e8bc";
   font-family: "e-icons";
+  font-size: 14px;
 }
 .e-documenteditor .e-de-cmt-post::before {
   content: "\e71d";
@@ -2497,6 +2498,11 @@ label[for*=_wholeWord_e-de-rtl] {
   margin-left: 6px;
 }
 
+.e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog .e-de-style-font-color-picker button {
+  height: 40px !important;
+  width: auto !important;
+}
+
 .e-de-style-bold-button-size {
   margin-left: 6px;
 }
@@ -3409,6 +3415,7 @@ label[for*=_wholeWord_e-de-rtl] {
 
 .e-de-cp-option.e-btn.e-icon-btn span {
   margin-top: 0px;
+  background: #f8f9fa;
 }
 
 .e-de-cmt-view:hover .e-de-cp-option {

package/styles/document-editor/fabric-dark.css

@@ -46,6 +46,7 @@
 .e-documenteditor .e-de-multi-cmt-mark::before {
   content: "\e97e";
   font-family: "e-icons";
+  font-size: 14px;
 }
 .e-documenteditor .e-de-cmt-post::before {
   content: "\e816";
@@ -2350,6 +2351,11 @@ label[for*=_wholeWord_e-de-rtl] {
   height: 35px;
 }
 
+.e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog .e-de-style-font-color-picker button {
+  height: 40px !important;
+  width: auto !important;
+}
+
 .e-de-style-bold-button-size {
   margin-left: 8px;
   margin-right: 8px;
@@ -3310,6 +3316,7 @@ label[for*=_wholeWord_e-de-rtl] {
 
 .e-de-cp-option.e-btn.e-icon-btn span {
   margin-top: 0px;
+  background: #201f1f;
 }
 
 .e-de-cmt-view:hover .e-de-cp-option {

package/styles/document-editor/fabric.css

@@ -46,6 +46,7 @@
 .e-documenteditor .e-de-multi-cmt-mark::before {
   content: "\e97e";
   font-family: "e-icons";
+  font-size: 14px;
 }
 .e-documenteditor .e-de-cmt-post::before {
   content: "\e816";
@@ -2350,6 +2351,11 @@ label[for*=_wholeWord_e-de-rtl] {
   height: 35px;
 }
 
+.e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog .e-de-style-font-color-picker button {
+  height: 40px !important;
+  width: auto !important;
+}
+
 .e-de-style-bold-button-size {
   margin-left: 8px;
   margin-right: 8px;
@@ -3213,6 +3219,10 @@ label[for*=_wholeWord_e-de-rtl] {
   font-weight: normal;
 }
 
+.e-de-track-toolbar .e-de-track-pane-drop-btn {
+  padding-top: 4px !important;
+}
+
 .e-toolbar-item.e-de-track-toolbar-overlay.e-template.e-overlay {
   opacity: 1;
   font-weight: normal;
@@ -3310,6 +3320,7 @@ label[for*=_wholeWord_e-de-rtl] {
 
 .e-de-cp-option.e-btn.e-icon-btn span {
   margin-top: 0px;
+  background: #fff;
 }
 
 .e-de-cmt-view:hover .e-de-cp-option {

package/styles/document-editor/fluent-dark.css

@@ -44,6 +44,7 @@
 .e-documenteditor .e-de-multi-cmt-mark::before {
   content: "\e8bc";
   font-family: "e-icons";
+  font-size: 14px;
 }
 .e-documenteditor .e-de-cmt-post::before {
   content: "\e71d";
@@ -2441,6 +2442,11 @@ label[for*=_wholeWord_e-de-rtl] {
   margin-left: 12px;
 }
 
+.e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog .e-de-style-font-color-picker button {
+  height: 40px !important;
+  width: auto !important;
+}
+
 .e-de-style-bold-button-size {
   margin-left: 12px;
 }
@@ -3351,6 +3357,7 @@ label[for*=_wholeWord_e-de-rtl] {
 
 .e-de-cp-option.e-btn.e-icon-btn span {
   margin-top: 0px;
+  background: #201f1e;
 }
 
 .e-de-cmt-view:hover .e-de-cp-option {

package/styles/document-editor/fluent.css

@@ -44,6 +44,7 @@
 .e-documenteditor .e-de-multi-cmt-mark::before {
   content: "\e8bc";
   font-family: "e-icons";
+  font-size: 14px;
 }
 .e-documenteditor .e-de-cmt-post::before {
   content: "\e71d";
@@ -2441,6 +2442,11 @@ label[for*=_wholeWord_e-de-rtl] {
   margin-left: 12px;
 }
 
+.e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog .e-de-style-font-color-picker button {
+  height: 40px !important;
+  width: auto !important;
+}
+
 .e-de-style-bold-button-size {
   margin-left: 12px;
 }
@@ -3351,6 +3357,7 @@ label[for*=_wholeWord_e-de-rtl] {
 
 .e-de-cp-option.e-btn.e-icon-btn span {
   margin-top: 0px;
+  background: #faf9f8;
 }
 
 .e-de-cmt-view:hover .e-de-cp-option {

package/styles/document-editor/highcontrast-light.css

@@ -2092,6 +2092,7 @@ label[for=container_wholeWord] {
 .e-documenteditor .e-de-multi-cmt-mark::before {
   content: "\e97a";
   font-family: "e-icons";
+  font-size: 14px;
 }
 .e-documenteditor .e-de-cmt-post::before {
   content: "\e816";

package/styles/document-editor/highcontrast.css

@@ -46,6 +46,7 @@
 .e-documenteditor .e-de-multi-cmt-mark::before {
   content: "\e97a";
   font-family: "e-icons";
+  font-size: 14px;
 }
 .e-documenteditor .e-de-cmt-post::before {
   content: "\e816";
@@ -2350,6 +2351,11 @@ label[for*=_wholeWord_e-de-rtl] {
   height: 35px;
 }
 
+.e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog .e-de-style-font-color-picker button {
+  height: 40px !important;
+  width: auto !important;
+}
+
 .e-de-style-bold-button-size {
   margin-left: 8px;
   margin-right: 8px;
@@ -3310,6 +3316,7 @@ label[for*=_wholeWord_e-de-rtl] {
 
 .e-de-cp-option.e-btn.e-icon-btn span {
   margin-top: 0px;
+  background: #000;
 }
 
 .e-de-cmt-view:hover .e-de-cp-option {

package/styles/document-editor/material-dark.css

@@ -52,6 +52,7 @@
 .e-documenteditor .e-de-multi-cmt-mark::before {
   content: "\e97a";
   font-family: "e-icons";
+  font-size: 14px;
 }
 .e-documenteditor .e-de-cmt-post::before {
   content: "\e816";
@@ -2345,6 +2346,11 @@ label[for*=_wholeWord_e-de-rtl] {
   height: 35px;
 }
 
+.e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog .e-de-style-font-color-picker button {
+  height: 40px !important;
+  width: auto !important;
+}
+
 .e-de-style-bold-button-size {
   margin-left: 8px;
   margin-right: 8px;
@@ -3305,6 +3311,7 @@ label[for*=_wholeWord_e-de-rtl] {
 
 .e-de-cp-option.e-btn.e-icon-btn span {
   margin-top: 0px;
+  background: #212121;
 }
 
 .e-de-cmt-view:hover .e-de-cp-option {

package/styles/document-editor/material.css

@@ -52,6 +52,7 @@
 .e-documenteditor .e-de-multi-cmt-mark::before {
   content: "\e97a";
   font-family: "e-icons";
+  font-size: 14px;
 }
 .e-documenteditor .e-de-cmt-post::before {
   content: "\e816";
@@ -2345,6 +2346,11 @@ label[for*=_wholeWord_e-de-rtl] {
   height: 35px;
 }
 
+.e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog .e-de-style-font-color-picker button {
+  height: 40px !important;
+  width: auto !important;
+}
+
 .e-de-style-bold-button-size {
   margin-left: 8px;
   margin-right: 8px;
@@ -3305,6 +3311,7 @@ label[for*=_wholeWord_e-de-rtl] {
 
 .e-de-cp-option.e-btn.e-icon-btn span {
   margin-top: 0px;
+  background: #fff;
 }
 
 .e-de-cmt-view:hover .e-de-cp-option {