@syncfusion/ej2-angular-documenteditor 20.4.54 → 21.1.35

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/icons/_bootstrap-dark.scss

@@ -55,6 +55,11 @@
       font-size: 13px;
     }
 
+    .e-de-multi-cmt-mark::before {
+      content: '\e98a';
+      font-family: 'e-icons';
+    }
+
     .e-de-cmt-post::before {
       content: '\e816';
       font-family: 'e-icons';

package/styles/document-editor/icons/_bootstrap.scss

@@ -55,6 +55,11 @@
       font-size: 13px;
     }
 
+    .e-de-multi-cmt-mark::before {
+      content: '\e98a';
+      font-family: 'e-icons';
+    }
+
     .e-de-cmt-post::before {
       content: '\e816';
       font-family: 'e-icons';

package/styles/document-editor/icons/_bootstrap4.scss

@@ -55,6 +55,11 @@
       font-size: 13px;
     }
 
+    .e-de-multi-cmt-mark::before {
+      content: '\e978';
+      font-family: 'e-icons';
+    }
+
     .e-de-cmt-post::before {
       content: '\e816';
       font-family: 'e-icons';

package/styles/document-editor/icons/_bootstrap5.scss

@@ -54,6 +54,12 @@
       font-size: 13px;
     }
 
+    .e-de-multi-cmt-mark::before {
+      color: $icon-color;
+      content: '\e8bc';
+      font-family: 'e-icons';
+    }
+
     .e-de-cmt-post::before {
       content: '\e71d';
       font-family: 'e-icons';
@@ -165,6 +171,7 @@
     content: '\e775';
     font-family: 'e-icons';
     font-size: $de-tablecell-alignment-font-size;
+    margin: 2px;
   }
 
   .e-de-tablecell-center-alignment::before {
@@ -172,6 +179,7 @@
     content: '\e7e5';
     font-family: 'e-icons';
     font-size: $de-tablecell-alignment-font-size;
+    margin: 2px;
   }
 
   .e-de-tablecell-bottom-alignment::before {
@@ -179,6 +187,7 @@
     content: '\e7d9';
     font-family: 'e-icons';
     font-size: $de-tablecell-alignment-font-size;
+    margin: 2px;
   }
 
   .e-de-table-border-setting {

package/styles/document-editor/icons/_fabric-dark.scss

@@ -55,6 +55,11 @@
       font-size: 13px;
     }
 
+    .e-de-multi-cmt-mark::before {
+      content: '\e97e';
+      font-family: 'e-icons';
+    }
+
     .e-de-cmt-post::before {
       content: '\e816';
       font-family: 'e-icons';

package/styles/document-editor/icons/_fabric.scss

@@ -55,6 +55,11 @@
       font-size: 13px;
     }
 
+    .e-de-multi-cmt-mark::before {
+      content: '\e97e';
+      font-family: 'e-icons';
+    }
+
     .e-de-cmt-post::before {
       content: '\e816';
       font-family: 'e-icons';

package/styles/document-editor/icons/_fluent.scss

@@ -53,6 +53,11 @@
       font-size: 13px;
     }
 
+    .e-de-multi-cmt-mark::before {
+      content: '\e8bc';
+      font-family: 'e-icons';
+    }
+
     .e-de-cmt-post::before {
       content: '\e71d';
       font-family: 'e-icons';
@@ -163,6 +168,8 @@
     content: '\e775';
     font-family: 'e-icons';
     font-size: $de-tablecell-alignment-font-size;
+    margin: 5px;
+    position: absolute;
   }
 
   .e-de-tablecell-center-alignment::before {
@@ -170,6 +177,8 @@
     content: '\e7e5';
     font-family: 'e-icons';
     font-size: $de-tablecell-alignment-font-size;
+    margin: 5px;
+    position: absolute;
   }
 
   .e-de-tablecell-bottom-alignment::before {
@@ -177,6 +186,8 @@
     content: '\e7d9';
     font-family: 'e-icons';
     font-size: $de-tablecell-alignment-font-size;
+    margin: 5px;
+    position: absolute;
   }
 
   .e-de-table-border-setting {
@@ -226,15 +237,16 @@
     content: '\e7eb';
     font-size: $de-border-none-setting-font-size;
     position: absolute;
+    margin: 3px;
   }
 
   .e-de-table-border-box-setting::before {
     color: $icon-color;
     content: '\e834';
     font-size: $de-border-setting-font-size;
-    left: 2px;
+    left: 3px;
     position: absolute;
-    top: 2px;
+    top: 4px;
   }
 
   .e-de-table-border-all-setting::before {
@@ -242,18 +254,18 @@
     content: '\e7e8';
     font-family: 'e-icons';
     font-size: $de-border-setting-font-size;
-    left: 2px;
+    left: 3px;
     position: absolute;
-    top: 2px;
+    top: 4px;
   }
 
   .e-de-table-border-custom-setting::before {
     color: $icon-color;
     content: '\e7d5';
     font-size: $de-border-setting-font-size;
-    left: 2px;
+    left: 3px;
     position: absolute;
-    top: 2px;
+    top: 4px;
   }
 
   .e-de-para-border-none-setting::before {
@@ -261,33 +273,35 @@
     content: '\e890';
     font-size: $de-border-none-setting-font-size;
     position: absolute;
+    margin: 3px;
+    top: 1px;
   }
 
   .e-de-para-border-box-setting::before {
     color: $icon-color;
     content: '\e891';
     font-size: $de-border-setting-font-size;
-    left: 2px;
+    left: 3.5px;
     position: absolute;
-    top: 2px;
+    top: 3.5px;
   }
 
   .e-de-para-border-shadow-setting::before {
     color: $icon-color;
     content: '\e892';
     font-size: $de-border-setting-font-size;
-    left: 2px;
+    left: 3.5px;
     position: absolute;
-    top: 2px;
+    top: 3.5px;
   }
 
   .e-de-para-border-custom-setting::before {
     color: $icon-color;
     content: '\e88f';
     font-size: $de-border-setting-font-size;
-    left: 2px;
+    left: 3.5px;
     position: absolute;
-    top: 2px;
+    top: 3.5px;
   }
 
   .e-de-table-border-toptop-alignment::before {
@@ -364,8 +378,8 @@
   }
 
   .e-de-columns-presets-genral {
-    height: 62px;
-    width: 62px;
+    height: 70px;
+    width: 70px;
     margin-right: 33px;
     margin-bottom: 12px;
   }

package/styles/document-editor/icons/_fusionnew.scss

@@ -54,6 +54,12 @@
       font-size: 13px;
     }
 
+    .e-de-multi-cmt-mark::before {
+      color: $icon-color;
+      content: '\e8bc';
+      font-family: 'e-icons';
+    }
+
     .e-de-cmt-post::before {
       content: '\e71d';
       font-family: 'e-icons';

package/styles/document-editor/icons/_highcontrast-light.scss

@@ -65,6 +65,11 @@
       font-size: 13px;
     }
 
+    .e-de-multi-cmt-mark::before {
+      content: '\e97a';
+      font-family: 'e-icons';
+    }
+
     .e-de-cmt-post::before {
       content: '\e816';
       font-family: 'e-icons';

package/styles/document-editor/icons/_highcontrast.scss

@@ -55,6 +55,11 @@
       font-size: 13px;
     }
 
+    .e-de-multi-cmt-mark::before {
+      content: '\e97a';
+      font-family: 'e-icons';
+    }
+
     .e-de-cmt-post::before {
       content: '\e816';
       font-family: 'e-icons';