@syncfusion/ej2-vue-documenteditor 20.1.47 → 20.1.48

package/styles/document-editor-container/highcontrast.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% - 410px);
+  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: 111px;
 }
 
 .e-de-ctn {
@@ -575,7 +568,9 @@
 
 .e-bigger .e-de-statusbar-spellcheck {
   border-radius: 2px;
+  height: 34px;
   margin-left: 7.5px;
+  width: 125px;
 }
 
 .e-de-ctnr-toolbar {
@@ -884,7 +879,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 {
@@ -897,8 +893,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.25px;
 }
 
@@ -914,8 +909,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;
 }
 
@@ -1334,6 +1328,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;
@@ -1345,22 +1370,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 {
@@ -1394,18 +1424,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 {
@@ -1419,6 +1466,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;
 }
@@ -1661,7 +1735,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/material-dark.css

@@ -445,15 +445,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%;
 }
@@ -499,7 +490,6 @@
   border: 0;
   color: #fff;
   float: right;
-  font-weight: 400;
   height: 33px;
 }
 
@@ -528,7 +518,9 @@
   border: 0;
   box-shadow: none;
   float: right;
+  height: 33px;
   margin-left: calc(100% - 380px);
+  width: 33px;
 }
 
 .e-bigger .e-btn-pageweb-spellcheck {
@@ -564,8 +556,9 @@
 
 .e-de-statusbar-spellcheck {
   border-radius: 2px;
-  font-weight: 400;
+  height: 34px;
   margin-left: 7.5px;
+  width: 91px;
 }
 
 .e-de-ctn {
@@ -578,7 +571,9 @@
 
 .e-bigger .e-de-statusbar-spellcheck {
   border-radius: 2px;
+  height: 34px;
   margin-left: 7.5px;
+  width: 111px;
 }
 
 .e-de-ctnr-toolbar {
@@ -887,7 +882,8 @@
 
 .e-de-property-div-padding {
   border-bottom: 0.5px solid #616161;
-  padding: 12.5px;
+  padding-bottom: 11.5px;
+  padding-top: 12.5px;
 }
 
 .e-de-ctnr-dropdown-ftr {
@@ -900,8 +896,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.5px;
 }
 
@@ -917,8 +912,7 @@
   width: 150px;
 }
 
-.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: 38.5px;
 }
 
@@ -1328,6 +1322,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;
@@ -1339,22 +1364,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 {
@@ -1388,18 +1418,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 {
@@ -1413,6 +1460,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;
 }
@@ -1655,7 +1729,8 @@
 
 .e-bigger .e-de-property-div-padding {
   border-bottom: 0.5px solid #616161;
-  padding: 16px;
+  padding-bottom: 14.5px;
+  padding-top: 15.5px;
 }
 
 .e-bigger .e-de-font-clr-picker > div button,

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

@@ -445,15 +445,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%;
 }
@@ -499,7 +490,6 @@
   border: 0;
   color: #000;
   float: right;
-  font-weight: 400;
   height: 33px;
 }
 
@@ -528,7 +518,9 @@
   border: 0;
   box-shadow: none;
   float: right;
+  height: 33px;
   margin-left: calc(100% - 380px);
+  width: 33px;
 }
 
 .e-bigger .e-btn-pageweb-spellcheck {
@@ -564,8 +556,9 @@
 
 .e-de-statusbar-spellcheck {
   border-radius: 2px;
-  font-weight: 400;
+  height: 34px;
   margin-left: 7.5px;
+  width: 91px;
 }
 
 .e-de-ctn {
@@ -578,7 +571,9 @@
 
 .e-bigger .e-de-statusbar-spellcheck {
   border-radius: 2px;
+  height: 34px;
   margin-left: 7.5px;
+  width: 110px;
 }
 
 .e-de-ctnr-toolbar {
@@ -892,7 +887,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 {
@@ -905,8 +901,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.5px;
 }
 
@@ -922,8 +917,7 @@
   width: 150px;
 }
 
-.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: 38.5px;
 }
 
@@ -1333,6 +1327,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;
@@ -1344,22 +1369,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 {
@@ -1393,18 +1423,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 {
@@ -1418,6 +1465,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;
 }
@@ -1666,7 +1740,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,