@syncfusion/ej2-angular-documenteditor 19.4.56 → 20.1.47

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

@@ -442,6 +442,15 @@
   top: 100px;
 }
 
+.e-de-scrollbar-hide::-webkit-scrollbar {
+  width: 0;
+}
+
+.e-de-scrollbar-hide {
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+}
+
 .e-de-toolbar {
   height: 100%;
 }
@@ -487,6 +496,7 @@
   border: 0;
   color: #fff;
   float: right;
+  font-weight: 400;
   height: 33px;
 }
 
@@ -515,9 +525,7 @@
   border: 0;
   box-shadow: none;
   float: right;
-  height: 33px;
   margin-left: calc(100% - 380px);
-  width: 33px;
 }
 
 .e-bigger .e-btn-pageweb-spellcheck {
@@ -553,9 +561,8 @@
 
 .e-de-statusbar-spellcheck {
   border-radius: 2px;
-  height: 34px;
+  font-weight: 400;
   margin-left: 7.5px;
-  width: 91px;
 }
 
 .e-de-ctn {
@@ -568,9 +575,7 @@
 
 .e-bigger .e-de-statusbar-spellcheck {
   border-radius: 2px;
-  height: 34px;
   margin-left: 7.5px;
-  width: 111px;
 }
 
 .e-de-ctnr-toolbar {
@@ -890,8 +895,7 @@
 
 .e-de-property-div-padding {
   border-bottom: 0.5px solid #505050;
-  padding-bottom: 11.5px;
-  padding-top: 12.5px;
+  padding: 12.5px;
 }
 
 .e-de-ctnr-dropdown-ftr {
@@ -904,7 +908,8 @@
   text-indent: 1.2em;
 }
 
-.e-de-char-fmt-btn-left > button {
+.e-de-char-fmt-btn-left > button,
+.e-de-insert-del-cell button {
   width: 38.25px;
 }
 
@@ -920,7 +925,8 @@
   width: 149px;
 }
 
-.e-bigger .e-de-char-fmt-btn-left > button {
+.e-bigger .e-de-char-fmt-btn-left > button,
+.e-bigger .e-de-insert-del-cell button {
   width: 37.25px;
 }
 
@@ -1330,37 +1336,6 @@
   padding-right: 12px;
 }
 
-.e-de-border-style-div {
-  margin-left: 12px;
-}
-
-.e-de-border-style-div.e-de-rtl {
-  margin-left: 0;
-  margin-right: 12px;
-}
-
-.e-de-insert-del-cell {
-  margin-left: 12px;
-}
-
-.e-de-insert-del-cell.e-de-rtl {
-  margin-left: 0;
-  margin-right: 12px;
-}
-
-.e-de-cell-margin {
-  margin-left: 12px;
-}
-
-.e-de-align-text {
-  margin-left: 12px;
-}
-
-.e-de-align-text.e-de-rtl {
-  margin-left: 0;
-  margin-right: 12px;
-}
-
 .e-de-border-size-button {
   height: 28px;
   margin-top: 14px;
@@ -1372,27 +1347,22 @@
   width: 100px;
 }
 
-.e-de-cell-div {
-  margin-left: 12px;
-}
-
-.e-de-cell-div.e-de-rtl {
-  margin-left: 0;
+.e-de-cell-text-box {
   margin-right: 12px;
 }
 
-.e-de-cell-text-box {
-  margin-right: 12px;
+.e-de-pane-rtl .e-de-cell-text-box {
+  margin-left: 12px;
+  margin-right: 0;
 }
 
 .e-de-prop-fill-label {
-  margin-left: 10.3px;
   margin-right: 8px;
 }
 
 .e-de-prop-fill-label.e-de-rtl {
   margin-left: 8px;
-  margin-right: 10.3px;
+  margin-right: 0;
 }
 
 .e-de-grp-btn-ctnr .e-de-ctnr-group-btn {
@@ -1426,35 +1396,18 @@
 }
 
 .e-bigger .e-de-prop-fill-label {
-  margin-left: 14.5px;
+  margin-left: 0;
   margin-right: 9.8px;
 }
 
 .e-bigger .e-de-prop-fill-label.e-de-rtl {
   margin-left: 9.8px;
-  margin-right: 14.5px;
+  margin-right: 0px;
 }
 
-.e-bigger .e-de-cell-text-box {
-  margin-right: 16px;
-}
-
-.e-bigger .e-de-cell-div {
+.e-bigger .e-rtl .e-de-cell-text-box {
   margin-left: 16px;
-}
-
-.e-bigger .e-de-cell-div.e-de-rtl {
-  margin-left: 0;
-  margin-right: 16px;
-}
-
-.e-bigger .e-de-border-style-div {
-  margin-left: 16px;
-}
-
-.e-bigger .e-de-border-style-div.e-de-rtl {
-  margin-left: 0;
-  margin-right: 16px;
+  margin-right: 0;
 }
 
 .e-bigger .e-de-color-picker {
@@ -1468,33 +1421,6 @@
   width: 96px;
 }
 
-.e-bigger .e-de-align-text {
-  margin-left: 16px;
-}
-
-.e-bigger .e-de-align-text.e-de-rtl {
-  margin-left: 0;
-  margin-right: 16px;
-}
-
-.e-bigger .e-de-insert-del-cell {
-  margin-left: 16px;
-}
-
-.e-bigger .e-de-insert-del-cell.e-de-rtl {
-  margin-left: 0;
-  margin-right: 16px;
-}
-
-.e-bigger .e-de-cell-margin {
-  margin-left: 14px;
-}
-
-.e-bigger .e-de-cell-margin.e-de-rtl {
-  margin-left: 0;
-  margin-right: 14px;
-}
-
 .e-bigger .e-de-stylediv {
   padding-left: 16px;
 }
@@ -1748,8 +1674,7 @@
 
 .e-bigger .e-de-property-div-padding {
   border-bottom: 0.5px solid #505050;
-  padding-bottom: 14.5px;
-  padding-top: 15.5px;
+  padding: 16px;
 }
 
 .e-bigger .e-de-font-clr-picker > div button,

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

@@ -442,6 +442,15 @@
   top: 100px;
 }
 
+.e-de-scrollbar-hide::-webkit-scrollbar {
+  width: 0;
+}
+
+.e-de-scrollbar-hide {
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+}
+
 .e-de-toolbar {
   height: 100%;
 }
@@ -488,6 +497,7 @@
   border: 0;
   color: #333;
   float: right;
+  font-weight: 400;
   height: 33px;
 }
 
@@ -516,9 +526,7 @@
   border: 0;
   box-shadow: none;
   float: right;
-  height: 33px;
   margin-left: calc(100% - 380px);
-  width: 33px;
 }
 
 .e-bigger .e-btn-pageweb-spellcheck {
@@ -554,9 +562,8 @@
 
 .e-de-statusbar-spellcheck {
   border-radius: 2px;
-  height: 34px;
+  font-weight: 400;
   margin-left: 7.5px;
-  width: 91px;
 }
 
 .e-de-ctn {
@@ -569,9 +576,7 @@
 
 .e-bigger .e-de-statusbar-spellcheck {
   border-radius: 2px;
-  height: 34px;
   margin-left: 7.5px;
-  width: 111px;
 }
 
 .e-de-ctnr-toolbar {
@@ -891,8 +896,7 @@
 
 .e-de-property-div-padding {
   border-bottom: 0.5px solid #e0e0e0;
-  padding-bottom: 11.5px;
-  padding-top: 12.5px;
+  padding: 12.5px;
 }
 
 .e-de-ctnr-dropdown-ftr {
@@ -905,7 +909,8 @@
   text-indent: 1.2em;
 }
 
-.e-de-char-fmt-btn-left > button {
+.e-de-char-fmt-btn-left > button,
+.e-de-insert-del-cell button {
   width: 38.25px;
 }
 
@@ -921,7 +926,8 @@
   width: 149px;
 }
 
-.e-bigger .e-de-char-fmt-btn-left > button {
+.e-bigger .e-de-char-fmt-btn-left > button,
+.e-bigger .e-de-insert-del-cell button {
   width: 37.25px;
 }
 
@@ -1332,37 +1338,6 @@
   padding-right: 12px;
 }
 
-.e-de-border-style-div {
-  margin-left: 12px;
-}
-
-.e-de-border-style-div.e-de-rtl {
-  margin-left: 0;
-  margin-right: 12px;
-}
-
-.e-de-insert-del-cell {
-  margin-left: 12px;
-}
-
-.e-de-insert-del-cell.e-de-rtl {
-  margin-left: 0;
-  margin-right: 12px;
-}
-
-.e-de-cell-margin {
-  margin-left: 12px;
-}
-
-.e-de-align-text {
-  margin-left: 12px;
-}
-
-.e-de-align-text.e-de-rtl {
-  margin-left: 0;
-  margin-right: 12px;
-}
-
 .e-de-border-size-button {
   height: 28px;
   margin-top: 14px;
@@ -1374,27 +1349,22 @@
   width: 100px;
 }
 
-.e-de-cell-div {
-  margin-left: 12px;
-}
-
-.e-de-cell-div.e-de-rtl {
-  margin-left: 0;
+.e-de-cell-text-box {
   margin-right: 12px;
 }
 
-.e-de-cell-text-box {
-  margin-right: 12px;
+.e-de-pane-rtl .e-de-cell-text-box {
+  margin-left: 12px;
+  margin-right: 0;
 }
 
 .e-de-prop-fill-label {
-  margin-left: 10.3px;
   margin-right: 8px;
 }
 
 .e-de-prop-fill-label.e-de-rtl {
   margin-left: 8px;
-  margin-right: 10.3px;
+  margin-right: 0;
 }
 
 .e-de-grp-btn-ctnr .e-de-ctnr-group-btn {
@@ -1428,35 +1398,18 @@
 }
 
 .e-bigger .e-de-prop-fill-label {
-  margin-left: 14.5px;
+  margin-left: 0;
   margin-right: 9.8px;
 }
 
 .e-bigger .e-de-prop-fill-label.e-de-rtl {
   margin-left: 9.8px;
-  margin-right: 14.5px;
+  margin-right: 0px;
 }
 
-.e-bigger .e-de-cell-text-box {
-  margin-right: 16px;
-}
-
-.e-bigger .e-de-cell-div {
+.e-bigger .e-rtl .e-de-cell-text-box {
   margin-left: 16px;
-}
-
-.e-bigger .e-de-cell-div.e-de-rtl {
-  margin-left: 0;
-  margin-right: 16px;
-}
-
-.e-bigger .e-de-border-style-div {
-  margin-left: 16px;
-}
-
-.e-bigger .e-de-border-style-div.e-de-rtl {
-  margin-left: 0;
-  margin-right: 16px;
+  margin-right: 0;
 }
 
 .e-bigger .e-de-color-picker {
@@ -1470,33 +1423,6 @@
   width: 96px;
 }
 
-.e-bigger .e-de-align-text {
-  margin-left: 16px;
-}
-
-.e-bigger .e-de-align-text.e-de-rtl {
-  margin-left: 0;
-  margin-right: 16px;
-}
-
-.e-bigger .e-de-insert-del-cell {
-  margin-left: 16px;
-}
-
-.e-bigger .e-de-insert-del-cell.e-de-rtl {
-  margin-left: 0;
-  margin-right: 16px;
-}
-
-.e-bigger .e-de-cell-margin {
-  margin-left: 14px;
-}
-
-.e-bigger .e-de-cell-margin.e-de-rtl {
-  margin-left: 0;
-  margin-right: 14px;
-}
-
 .e-bigger .e-de-stylediv {
   padding-left: 16px;
 }
@@ -1750,8 +1676,7 @@
 
 .e-bigger .e-de-property-div-padding {
   border-bottom: 0.5px solid #e0e0e0;
-  padding-bottom: 14.5px;
-  padding-top: 15.5px;
+  padding: 16px;
 }
 
 .e-bigger .e-de-font-clr-picker > div button,

package/styles/document-editor-container/bootstrap4.css

@@ -442,6 +442,15 @@
   top: 100px;
 }
 
+.e-de-scrollbar-hide::-webkit-scrollbar {
+  width: 0;
+}
+
+.e-de-scrollbar-hide {
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+}
+
 .e-de-toolbar {
   height: 100%;
 }
@@ -488,6 +497,7 @@
   border: 0;
   color: #212529;
   float: right;
+  font-weight: 400;
   height: 33px;
 }
 
@@ -517,13 +527,11 @@
   border: 0;
   box-shadow: none;
   float: right;
-  height: 33px;
-  margin-left: calc(100% - 380px);
-  width: 33px;
+  margin-left: calc(100% - 340px);
 }
 
 .e-bigger .e-btn-pageweb-spellcheck {
-  margin-left: calc(100% - 410px);
+  margin-left: calc(100% - 370px);
 }
 
 .e-de-ctn-title {
@@ -555,9 +563,8 @@
 
 .e-de-statusbar-spellcheck {
   border-radius: 2px;
-  height: 34px;
+  font-weight: 400;
   margin-left: 7.5px;
-  width: 91px;
 }
 
 .e-de-ctn {
@@ -570,9 +577,7 @@
 
 .e-bigger .e-de-statusbar-spellcheck {
   border-radius: 2px;
-  height: 34px;
   margin-left: 7.5px;
-  width: 111px;
 }
 
 .e-de-ctnr-toolbar {
@@ -1068,8 +1073,7 @@
 
 .e-de-property-div-padding {
   border-bottom: 0.5px solid #dee2e6;
-  padding-bottom: 11.5px;
-  padding-top: 12.5px;
+  padding: 12.5px;
 }
 
 .e-de-ctnr-dropdown-ftr {
@@ -1082,7 +1086,8 @@
   text-indent: 1.2em;
 }
 
-.e-de-char-fmt-btn-left > button {
+.e-de-char-fmt-btn-left > button,
+.e-de-insert-del-cell button {
   width: 37.75px;
 }
 
@@ -1098,7 +1103,8 @@
   width: 149px;
 }
 
-.e-bigger .e-de-char-fmt-btn-left > button {
+.e-bigger .e-de-char-fmt-btn-left > button,
+.e-bigger .e-de-insert-del-cell button {
   width: 37.25px;
 }
 
@@ -1461,7 +1467,7 @@
   color: #212529;
   float: right;
   height: 34px;
-  margin-left: calc(100% - 380px);
+  margin-left: calc(100% - 340px);
 }
 
 .e-bigger .e-de-statusbar-zoom-spell {
@@ -1470,7 +1476,7 @@
   color: #212529;
   float: right;
   height: 34px;
-  margin-left: calc(100% - 410px);
+  margin-left: calc(100% - 370px);
 }
 
 .e-de-btn-cancel {
@@ -1508,37 +1514,6 @@
   padding-right: 12px;
 }
 
-.e-de-border-style-div {
-  margin-left: 12px;
-}
-
-.e-de-border-style-div.e-de-rtl {
-  margin-left: 0;
-  margin-right: 12px;
-}
-
-.e-de-insert-del-cell {
-  margin-left: 12px;
-}
-
-.e-de-insert-del-cell.e-de-rtl {
-  margin-left: 0;
-  margin-right: 12px;
-}
-
-.e-de-cell-margin {
-  margin-left: 12px;
-}
-
-.e-de-align-text {
-  margin-left: 12px;
-}
-
-.e-de-align-text.e-de-rtl {
-  margin-left: 0;
-  margin-right: 12px;
-}
-
 .e-de-border-size-button {
   height: 31px;
   margin-top: 14px;
@@ -1550,27 +1525,22 @@
   width: 99px;
 }
 
-.e-de-cell-div {
-  margin-left: 12px;
-}
-
-.e-de-cell-div.e-de-rtl {
-  margin-left: 0;
+.e-de-cell-text-box {
   margin-right: 12px;
 }
 
-.e-de-cell-text-box {
-  margin-right: 12px;
+.e-de-pane-rtl .e-de-cell-text-box {
+  margin-left: 12px;
+  margin-right: 0;
 }
 
 .e-de-prop-fill-label {
-  margin-left: 10.3px;
   margin-right: 8px;
 }
 
 .e-de-prop-fill-label.e-de-rtl {
   margin-left: 8px;
-  margin-right: 10.3px;
+  margin-right: 0;
 }
 
 .e-de-grp-btn-ctnr .e-de-ctnr-group-btn {
@@ -1604,35 +1574,18 @@
 }
 
 .e-bigger .e-de-prop-fill-label {
-  margin-left: 14.5px;
+  margin-left: 0;
   margin-right: 9.8px;
 }
 
 .e-bigger .e-de-prop-fill-label.e-de-rtl {
   margin-left: 9.8px;
-  margin-right: 14.5px;
+  margin-right: 0px;
 }
 
-.e-bigger .e-de-cell-text-box {
-  margin-right: 16px;
-}
-
-.e-bigger .e-de-cell-div {
+.e-bigger .e-rtl .e-de-cell-text-box {
   margin-left: 16px;
-}
-
-.e-bigger .e-de-cell-div.e-de-rtl {
-  margin-left: 0;
-  margin-right: 16px;
-}
-
-.e-bigger .e-de-border-style-div {
-  margin-left: 16px;
-}
-
-.e-bigger .e-de-border-style-div.e-de-rtl {
-  margin-left: 0;
-  margin-right: 16px;
+  margin-right: 0;
 }
 
 .e-bigger .e-de-color-picker {
@@ -1646,33 +1599,6 @@
   width: 117px;
 }
 
-.e-bigger .e-de-align-text {
-  margin-left: 16px;
-}
-
-.e-bigger .e-de-align-text.e-de-rtl {
-  margin-left: 0;
-  margin-right: 16px;
-}
-
-.e-bigger .e-de-insert-del-cell {
-  margin-left: 16px;
-}
-
-.e-bigger .e-de-insert-del-cell.e-de-rtl {
-  margin-left: 0;
-  margin-right: 16px;
-}
-
-.e-bigger .e-de-cell-margin {
-  margin-left: 14px;
-}
-
-.e-bigger .e-de-cell-margin.e-de-rtl {
-  margin-left: 0;
-  margin-right: 14px;
-}
-
 .e-bigger .e-de-stylediv {
   padding-left: 16px;
 }
@@ -1950,8 +1876,7 @@
 
 .e-bigger .e-de-property-div-padding {
   border-bottom: 0.5px solid #dee2e6;
-  padding-bottom: 14.5px;
-  padding-top: 15.5px;
+  padding: 16px;
 }
 
 .e-bigger .e-de-font-clr-picker > div button,