@syncfusion/ej2-vue-documenteditor 20.1.47 → 20.1.48

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

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

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

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

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

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