@syncfusion/ej2-react-documenteditor 20.4.54 → 21.1.37

package/styles/document-editor/bootstrap5.css

@@ -42,6 +42,11 @@
   font-family: "e-icons";
   font-size: 13px;
 }
+.e-documenteditor .e-de-multi-cmt-mark::before {
+  color: #6c757d;
+  content: "\e8bc";
+  font-family: "e-icons";
+}
 .e-documenteditor .e-de-cmt-post::before {
   content: "\e71d";
   font-family: "e-icons";
@@ -123,40 +128,43 @@
 .e-de-table-left-alignment::before {
   color: #6c757d;
   content: "\e7f6";
-  font-size: 46px;
+  font-size: 48px;
 }
 
 .e-de-table-center-alignment::before {
   color: #6c757d;
   content: "\e7f1";
-  font-size: 46px;
+  font-size: 48px;
 }
 
 .e-de-table-right-alignment::before {
   color: #6c757d;
   content: "\e703";
-  font-size: 46px;
+  font-size: 48px;
 }
 
 .e-de-tablecell-top-alignment::before {
   color: #6c757d;
   content: "\e775";
   font-family: "e-icons";
-  font-size: 51px;
+  font-size: 48px;
+  margin: 2px;
 }
 
 .e-de-tablecell-center-alignment::before {
   color: #6c757d;
   content: "\e7e5";
   font-family: "e-icons";
-  font-size: 51px;
+  font-size: 48px;
+  margin: 2px;
 }
 
 .e-de-tablecell-bottom-alignment::before {
   color: #6c757d;
   content: "\e7d9";
   font-family: "e-icons";
-  font-size: 51px;
+  font-size: 48px;
+  margin: 2px;
 }
 
 .e-de-table-border-setting {
@@ -204,14 +212,14 @@
 .e-de-table-border-none-setting::before {
   color: #6c757d;
   content: "\e7eb";
-  font-size: 38px;
+  font-size: 36px;
   position: absolute;
 }
 
 .e-de-table-border-box-setting::before {
   color: #6c757d;
   content: "\e834";
-  font-size: 34px;
+  font-size: 36px;
   left: 2px;
   position: absolute;
   top: 2px;
@@ -221,7 +229,7 @@
   color: #6c757d;
   content: "\e7e8";
   font-family: "e-icons";
-  font-size: 34px;
+  font-size: 36px;
   left: 2px;
   position: absolute;
   top: 2px;
@@ -230,7 +238,7 @@
 .e-de-table-border-custom-setting::before {
   color: #6c757d;
   content: "\e7d5";
-  font-size: 34px;
+  font-size: 36px;
   left: 2px;
   position: absolute;
   top: 2px;
@@ -239,14 +247,14 @@
 .e-de-para-border-none-setting::before {
   color: #6c757d;
   content: "\e890";
-  font-size: 38px;
+  font-size: 36px;
   position: absolute;
 }
 
 .e-de-para-border-box-setting::before {
   color: #6c757d;
   content: "\e891";
-  font-size: 34px;
+  font-size: 36px;
   left: 2px;
   position: absolute;
   top: 2px;
@@ -255,7 +263,7 @@
 .e-de-para-border-shadow-setting::before {
   color: #6c757d;
   content: "\e892";
-  font-size: 34px;
+  font-size: 36px;
   left: 2px;
   position: absolute;
   top: 2px;
@@ -264,7 +272,7 @@
 .e-de-para-border-custom-setting::before {
   color: #6c757d;
   content: "\e88f";
-  font-size: 34px;
+  font-size: 36px;
   left: 2px;
   position: absolute;
   top: 2px;
@@ -1676,7 +1684,7 @@ label[for*=_wholeWord_e-de-rtl] {
 .e-de-style-font-group-button .e-btn,
 .e-de-style-paragraph-group-button .e-btn,
 .e-de-style-paragraph-indent-group-button .e-btn {
-  background-color: #fff;
+  background: #fff;
   border-color: #dee2e6;
 }
 .e-de-style-font-group-button .e-btn:focus,
@@ -1848,7 +1856,7 @@ label[for*=_wholeWord_e-de-rtl] {
 
 .e-de-restrict-pane,
 .e-de-op {
-  background-color: #f8f9fa;
+  background: #f8f9fa;
 }
 
 .e-de-restrict-pane .e-tab-header .e-toolbar-items,
@@ -2518,7 +2526,7 @@ label[for*=_wholeWord_e-de-rtl] {
   margin-right: 20px;
 }
 
-.e-de-style-left-div .e-de-style-dlg-name-input {
+.e-de-style-dlg-name-input {
   height: 31px;
 }
 

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

@@ -43,6 +43,10 @@
   font-family: "e-icons";
   font-size: 13px;
 }
+.e-documenteditor .e-de-multi-cmt-mark::before {
+  content: "\e97e";
+  font-family: "e-icons";
+}
 .e-documenteditor .e-de-cmt-post::before {
   content: "\e816";
   font-family: "e-icons";
@@ -1690,7 +1694,7 @@ label[for*=_wholeWord_e-de-rtl] {
 
 .e-de-restrict-pane,
 .e-de-op {
-  background-color: #201f1f;
+  background: #201f1f;
 }
 
 .e-de-restrict-pane .e-tab-header .e-toolbar-items,
@@ -2383,7 +2387,7 @@ label[for*=_wholeWord_e-de-rtl] {
   margin-right: 20px;
 }
 
-.e-de-style-left-div .e-de-style-dlg-name-input {
+.e-de-style-dlg-name-input {
   height: 32px;
 }
 

package/styles/document-editor/fabric.css

@@ -43,6 +43,10 @@
   font-family: "e-icons";
   font-size: 13px;
 }
+.e-documenteditor .e-de-multi-cmt-mark::before {
+  content: "\e97e";
+  font-family: "e-icons";
+}
 .e-documenteditor .e-de-cmt-post::before {
   content: "\e816";
   font-family: "e-icons";
@@ -1690,7 +1694,7 @@ label[for*=_wholeWord_e-de-rtl] {
 
 .e-de-restrict-pane,
 .e-de-op {
-  background-color: #fff;
+  background: #fff;
 }
 
 .e-de-restrict-pane .e-tab-header .e-toolbar-items,
@@ -2383,7 +2387,7 @@ label[for*=_wholeWord_e-de-rtl] {
   margin-right: 20px;
 }
 
-.e-de-style-left-div .e-de-style-dlg-name-input {
+.e-de-style-dlg-name-input {
   height: 32px;
 }
 

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

@@ -41,6 +41,10 @@
   font-family: "e-icons";
   font-size: 13px;
 }
+.e-documenteditor .e-de-multi-cmt-mark::before {
+  content: "\e8bc";
+  font-family: "e-icons";
+}
 .e-documenteditor .e-de-cmt-post::before {
   content: "\e71d";
   font-family: "e-icons";
@@ -140,21 +144,27 @@
   color: #a19f9d;
   content: "\e775";
   font-family: "e-icons";
-  font-size: 51px;
+  font-size: 42px;
+  margin: 5px;
+  position: absolute;
 }
 
 .e-de-tablecell-center-alignment::before {
   color: #a19f9d;
   content: "\e7e5";
   font-family: "e-icons";
-  font-size: 51px;
+  font-size: 42px;
+  margin: 5px;
+  position: absolute;
 }
 
 .e-de-tablecell-bottom-alignment::before {
   color: #a19f9d;
   content: "\e7d9";
   font-family: "e-icons";
-  font-size: 51px;
+  font-size: 42px;
+  margin: 5px;
+  position: absolute;
 }
 
 .e-de-table-border-setting {
@@ -202,70 +212,73 @@
 .e-de-table-border-none-setting::before {
   color: #a19f9d;
   content: "\e7eb";
-  font-size: 38px;
+  font-size: 32px;
   position: absolute;
+  margin: 3px;
 }
 
 .e-de-table-border-box-setting::before {
   color: #a19f9d;
   content: "\e834";
-  font-size: 34px;
-  left: 2px;
+  font-size: 32px;
+  left: 3px;
   position: absolute;
-  top: 2px;
+  top: 4px;
 }
 
 .e-de-table-border-all-setting::before {
   color: #a19f9d;
   content: "\e7e8";
   font-family: "e-icons";
-  font-size: 34px;
-  left: 2px;
+  font-size: 32px;
+  left: 3px;
   position: absolute;
-  top: 2px;
+  top: 4px;
 }
 
 .e-de-table-border-custom-setting::before {
   color: #a19f9d;
   content: "\e7d5";
-  font-size: 34px;
-  left: 2px;
+  font-size: 32px;
+  left: 3px;
   position: absolute;
-  top: 2px;
+  top: 4px;
 }
 
 .e-de-para-border-none-setting::before {
   color: #a19f9d;
   content: "\e890";
-  font-size: 38px;
+  font-size: 32px;
   position: absolute;
+  margin: 3px;
+  top: 1px;
 }
 
 .e-de-para-border-box-setting::before {
   color: #a19f9d;
   content: "\e891";
-  font-size: 34px;
-  left: 2px;
+  font-size: 32px;
+  left: 3.5px;
   position: absolute;
-  top: 2px;
+  top: 3.5px;
 }
 
 .e-de-para-border-shadow-setting::before {
   color: #a19f9d;
   content: "\e892";
-  font-size: 34px;
-  left: 2px;
+  font-size: 32px;
+  left: 3.5px;
   position: absolute;
-  top: 2px;
+  top: 3.5px;
 }
 
 .e-de-para-border-custom-setting::before {
   color: #a19f9d;
   content: "\e88f";
-  font-size: 34px;
-  left: 2px;
+  font-size: 32px;
+  left: 3.5px;
   position: absolute;
-  top: 2px;
+  top: 3.5px;
 }
 
 .e-de-table-border-toptop-alignment::before {
@@ -342,8 +355,8 @@
 }
 
 .e-de-columns-presets-genral {
-  height: 62px;
-  width: 62px;
+  height: 70px;
+  width: 70px;
   margin-right: 33px;
   margin-bottom: 12px;
 }
@@ -1787,7 +1800,7 @@ label[for*=_wholeWord_e-de-rtl] {
 
 .e-de-restrict-pane,
 .e-de-op {
-  background-color: #201f1e;
+  background: #201f1e;
 }
 
 .e-de-restrict-pane .e-tab-header .e-toolbar-items,
@@ -2457,7 +2470,7 @@ label[for*=_wholeWord_e-de-rtl] {
   margin-right: 20px;
 }
 
-.e-de-style-left-div .e-de-style-dlg-name-input {
+.e-de-style-dlg-name-input {
   height: 31px;
 }
 

package/styles/document-editor/fluent.css

@@ -41,6 +41,10 @@
   font-family: "e-icons";
   font-size: 13px;
 }
+.e-documenteditor .e-de-multi-cmt-mark::before {
+  content: "\e8bc";
+  font-family: "e-icons";
+}
 .e-documenteditor .e-de-cmt-post::before {
   content: "\e71d";
   font-family: "e-icons";
@@ -140,21 +144,27 @@
   color: #605e5c;
   content: "\e775";
   font-family: "e-icons";
-  font-size: 51px;
+  font-size: 42px;
+  margin: 5px;
+  position: absolute;
 }
 
 .e-de-tablecell-center-alignment::before {
   color: #605e5c;
   content: "\e7e5";
   font-family: "e-icons";
-  font-size: 51px;
+  font-size: 42px;
+  margin: 5px;
+  position: absolute;
 }
 
 .e-de-tablecell-bottom-alignment::before {
   color: #605e5c;
   content: "\e7d9";
   font-family: "e-icons";
-  font-size: 51px;
+  font-size: 42px;
+  margin: 5px;
+  position: absolute;
 }
 
 .e-de-table-border-setting {
@@ -202,70 +212,73 @@
 .e-de-table-border-none-setting::before {
   color: #605e5c;
   content: "\e7eb";
-  font-size: 38px;
+  font-size: 32px;
   position: absolute;
+  margin: 3px;
 }
 
 .e-de-table-border-box-setting::before {
   color: #605e5c;
   content: "\e834";
-  font-size: 34px;
-  left: 2px;
+  font-size: 32px;
+  left: 3px;
   position: absolute;
-  top: 2px;
+  top: 4px;
 }
 
 .e-de-table-border-all-setting::before {
   color: #605e5c;
   content: "\e7e8";
   font-family: "e-icons";
-  font-size: 34px;
-  left: 2px;
+  font-size: 32px;
+  left: 3px;
   position: absolute;
-  top: 2px;
+  top: 4px;
 }
 
 .e-de-table-border-custom-setting::before {
   color: #605e5c;
   content: "\e7d5";
-  font-size: 34px;
-  left: 2px;
+  font-size: 32px;
+  left: 3px;
   position: absolute;
-  top: 2px;
+  top: 4px;
 }
 
 .e-de-para-border-none-setting::before {
   color: #605e5c;
   content: "\e890";
-  font-size: 38px;
+  font-size: 32px;
   position: absolute;
+  margin: 3px;
+  top: 1px;
 }
 
 .e-de-para-border-box-setting::before {
   color: #605e5c;
   content: "\e891";
-  font-size: 34px;
-  left: 2px;
+  font-size: 32px;
+  left: 3.5px;
   position: absolute;
-  top: 2px;
+  top: 3.5px;
 }
 
 .e-de-para-border-shadow-setting::before {
   color: #605e5c;
   content: "\e892";
-  font-size: 34px;
-  left: 2px;
+  font-size: 32px;
+  left: 3.5px;
   position: absolute;
-  top: 2px;
+  top: 3.5px;
 }
 
 .e-de-para-border-custom-setting::before {
   color: #605e5c;
   content: "\e88f";
-  font-size: 34px;
-  left: 2px;
+  font-size: 32px;
+  left: 3.5px;
   position: absolute;
-  top: 2px;
+  top: 3.5px;
 }
 
 .e-de-table-border-toptop-alignment::before {
@@ -342,8 +355,8 @@
 }
 
 .e-de-columns-presets-genral {
-  height: 62px;
-  width: 62px;
+  height: 70px;
+  width: 70px;
   margin-right: 33px;
   margin-bottom: 12px;
 }
@@ -1787,7 +1800,7 @@ label[for*=_wholeWord_e-de-rtl] {
 
 .e-de-restrict-pane,
 .e-de-op {
-  background-color: #faf9f8;
+  background: #faf9f8;
 }
 
 .e-de-restrict-pane .e-tab-header .e-toolbar-items,
@@ -2457,7 +2470,7 @@ label[for*=_wholeWord_e-de-rtl] {
   margin-right: 20px;
 }
 
-.e-de-style-left-div .e-de-style-dlg-name-input {
+.e-de-style-dlg-name-input {
   height: 31px;
 }
 

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

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

package/styles/document-editor/highcontrast.css

@@ -43,6 +43,10 @@
   font-family: "e-icons";
   font-size: 13px;
 }
+.e-documenteditor .e-de-multi-cmt-mark::before {
+  content: "\e97a";
+  font-family: "e-icons";
+}
 .e-documenteditor .e-de-cmt-post::before {
   content: "\e816";
   font-family: "e-icons";
@@ -1690,7 +1694,7 @@ label[for*=_wholeWord_e-de-rtl] {
 
 .e-de-restrict-pane,
 .e-de-op {
-  background-color: #000;
+  background: #000;
 }
 
 .e-de-restrict-pane .e-tab-header .e-toolbar-items,
@@ -2383,7 +2387,7 @@ label[for*=_wholeWord_e-de-rtl] {
   margin-right: 20px;
 }
 
-.e-de-style-left-div .e-de-style-dlg-name-input {
+.e-de-style-dlg-name-input {
   height: 32px;
 }
 

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

@@ -49,6 +49,10 @@
   font-family: "e-icons";
   font-size: 13px;
 }
+.e-documenteditor .e-de-multi-cmt-mark::before {
+  content: "\e97a";
+  font-family: "e-icons";
+}
 .e-documenteditor .e-de-cmt-post::before {
   content: "\e816";
   font-family: "e-icons";
@@ -1685,7 +1689,7 @@ label[for*=_wholeWord_e-de-rtl] {
 
 .e-de-restrict-pane,
 .e-de-op {
-  background-color: #212121;
+  background: #212121;
 }
 
 .e-de-restrict-pane .e-tab-header .e-toolbar-items,
@@ -2378,7 +2382,7 @@ label[for*=_wholeWord_e-de-rtl] {
   margin-right: 15px;
 }
 
-.e-de-style-left-div .e-de-style-dlg-name-input {
+.e-de-style-dlg-name-input {
   height: 18px;
 }
 

package/styles/document-editor/material.css

@@ -49,6 +49,10 @@
   font-family: "e-icons";
   font-size: 13px;
 }
+.e-documenteditor .e-de-multi-cmt-mark::before {
+  content: "\e97a";
+  font-family: "e-icons";
+}
 .e-documenteditor .e-de-cmt-post::before {
   content: "\e816";
   font-family: "e-icons";
@@ -1685,7 +1689,7 @@ label[for*=_wholeWord_e-de-rtl] {
 
 .e-de-restrict-pane,
 .e-de-op {
-  background-color: #fff;
+  background: #fff;
 }
 
 .e-de-restrict-pane .e-tab-header .e-toolbar-items,
@@ -2378,7 +2382,7 @@ label[for*=_wholeWord_e-de-rtl] {
   margin-right: 15px;
 }
 
-.e-de-style-left-div .e-de-style-dlg-name-input {
+.e-de-style-dlg-name-input {
   height: 18px;
 }